使用 setTimeout 方法的 jQuery - JavaScript

简介

setTimeout 方法是 JavaScript 的一个全局函数，用于在指定的延迟时间后执行一次函数或一段代码。在 jQuery 中也可以使用 setTimeout 方法来添加延时执行的功能。

语法

以下是 setTimeout 方法的基本语法：

setTimeout(function, delay, param1, param2, ...);

• function: 要执行的函数或代码片段。
• delay: 延迟的时间，以毫秒为单位。
• param1, param2, ...: （可选）传递给函数的参数。

示例

示例 1：延迟执行函数

以下示例展示了如何使用 setTimeout 方法在指定的延迟时间后执行一个函数。

setTimeout(function(){
  console.log("延迟执行函数");
}, 2000);

这段代码将在 2 秒后输出 "延迟执行函数" 到控制台。

示例 2：使用函数参数

可以通过传递参数给 setTimeout 方法，将参数传递给要执行的函数。

setTimeout(function(num1, num2) {
  var sum = num1 + num2;
  console.log("两个数字的和为：" + sum);
}, 1000, 5, 10);

这段代码将在 1 秒后输出 "两个数字的和为：15" 到控制台。

示例 3：使用匿名函数

也可以使用匿名函数作为参数传递给 setTimeout 方法，这样可以避免创建独立的函数。

setTimeout(function() {
  var name = prompt("请输入您的名字：");
  alert("欢迎，" + name + "!");
}, 5000);

这段代码将在 5 秒后弹出一个对话框，要求用户输入名字，并显示欢迎信息。

注意事项

• setTimeout 方法返回一个定时器的唯一标识符，可以使用 clearTimeout 方法来取消已设置的延迟执行。
• 延迟时间是一个估计值，实际执行时间可能会因为浏览器的负载、其他 JavaScript 代码的执行等因素而有所不同。
• 在使用 jQuery 时，也可以使用 delay 方法来延迟执行动画效果。

更多关于 setTimeout 方法的详细信息，请查阅 MDN 文档。

参考资料

• jQuery setTimeout() Method
• MDN Web 文档 - setTimeout()