setTimeout函数

JavaScript定时器函数详解

最新推荐文章于 2025-09-16 17:15:31 发布

原创最新推荐文章于 2025-09-16 17:15:31 发布 · 1.2k 阅读

CC 4.0 BY-SA版权

文章标签：

setTimeout 是 JavaScript 中的一个定时器函数，用于在指定的毫秒数后调用函数或计算表达式。以下是对 setTimeout 的详细解释：

setTimeout(function, delay, [arg1, arg2, ...])

或

var timeoutID = setTimeout(code, delay);

function：要推迟执行的函数。
code：要执行的 JavaScript 代码串（不推荐使用，因为这会使用 eval() 函数，有安全风险，并且不利于 JavaScript 引擎优化代码）。
delay：在执行代码前需等待的毫秒数。
arg1, arg2, ...（可选）：要传递给函数的参数。

setTimeout 方法会返回一个整数，表示定时器的编号（timeoutID），这个值可以用于之后取消该定时器。

setTimeout(function() {
  console.log("This message is displayed after 2 seconds");
}, 2000);

上面的代码会在 2 秒后打印一条消息。

function greet(name) {
  console.log("Hello, " + name + "!");
}

setTimeout(greet, 3000, "Alice");

上面的代码会在 3 秒后用 “Alice” 作为参数调用 greet 函数。

setTimeout("console.log('This is not recommended')", 1000);

虽然可以使用字符串作为 setTimeout 的第一个参数，但这种方法不推荐使用，因为它会使用 eval() 函数，这可能会带来安全风险。

定时器并不一定是准时执行的：如果当前任务执行时间过久，会延迟到期定时器任务的执行。setTimeout 设置的回调函数会在当前执行栈中的所有任务执行完毕后，再按照延迟时间执行。
this 指向问题：在 setTimeout 的回调函数中，this 的指向可能会发生变化，通常指向全局对象（在浏览器中通常是 window），而不是定义时所在的那个对象。如果需要保持 this 的指向不变，可以使用箭头函数、.bind() 方法或在外部函数中保存 this 的引用。
最短执行时间间隔：在大多数浏览器中，setTimeout 的最短执行时间间隔是 4 毫秒（HTML5 标准规定）。如果设置的延迟时间小于 4 毫秒，浏览器会将其增加到 4 毫秒。
取消定时器：可以使用 clearTimeout() 函数来取消一个已经设置的定时器。需要传入定时器的编号（即 setTimeout() 返回的值）。