JavaScript window.setTimeout() 的详细用法

在 JavaScript 中，window.setTimeout() 方法可以定时执行一个指定的代码块。它接收两个参数，分别是需要执行的代码块和执行时间（单位为毫秒）。

语法

window.setTimeout(code, delay);

其中，code 为需要执行的代码块；delay 为延时执行时间，单位为毫秒。

示例

示例一：使用 window.setTimeout() 定时执行一个函数

以下示例会在延迟 3 秒之后执行指定的函数。

function sayHello() {
  console.log('Hello World!');
}
window.setTimeout(sayHello, 3000);

示例二：使用 window.setTimeout() 定时执行一个匿名函数

以下示例同样会在延迟 3 秒之后执行一个指定的函数，与上面示例的区别在于这里使用了匿名函数。

window.setTimeout(function() {
  console.log('Hello World!');
}, 3000);

示例三：使用 window.setTimeout() 创建一个计时器

以下示例创建了一个计时器，每隔 1 秒钟输出当前时间。

var counter = 0;
var timerId = window.setTimeout(function() {
  console.log(new Date().toLocaleTimeString());
  counter++;
  if (counter > 10) {
    window.clearTimeout(timerId); // 清除计时器
  } else {
    timerId = window.setTimeout(arguments.callee, 1000); // 重新设置计时器
  }
}, 1000);

在这个示例中，使用了 arguments.callee 属性来引用当前函数（即自身），以达到每隔 1 秒钟执行一次的效果。当计时器达到 11 次时，清除计时器，程序结束。

总结

通过使用 window.setTimeout() 方法，我们可以轻松实现 JavaScript 中的定时器功能。在使用时需要注意时间单位为毫秒，代码块可以是一个函数或匿名函数，同时可以结合 arguments.callee 属性创建循环计时器。