JavaScript定时器全面解析

2023-10-04 10:01:47

概述

JavaScript 中定时器是异步的，这使得定时器在很多场景下非常有用。定时器可以用来延迟执行一个函数，或者每隔一段时间执行一个函数。JavaScript 中有三个常用的定时器：setTimeout、setInterval 和 setImmediate。

`setTimeout()`

setTimeout() 方法可以延迟执行一个函数，它接收两个参数：要执行的函数和延迟时间（以毫秒为单位）。例如：

setTimeout(function() {
  alert("Hello world!");
}, 3000);

这段代码将在 3 秒后弹出一个警报框，其中显示 "Hello world!"。

`setInterval()`

setInterval() 方法可以每隔一段时间执行一个函数，它接收两个参数：要执行的函数和间隔时间（以毫秒为单位）。例如：

setInterval(function() {
  console.log("Hello world!");
}, 1000);

这段代码将每隔 1 秒在控制台输出 "Hello world!"。

`setImmediate()`

setImmediate() 方法可以立即执行一个函数，它接收一个参数：要执行的函数。例如：

setImmediate(function() {
  console.log("Hello world!");
});

这段代码将立即在控制台输出 "Hello world!"。

`setTimeout()`、`setInterval()` 和 `setImmediate()` 的区别

setTimeout()、setInterval() 和 setImmediate() 的主要区别在于它们执行函数的时间。setTimeout() 会在延迟一段时间后执行函数，setInterval() 会每隔一段时间执行函数，而 setImmediate() 会立即执行函数。