JavaScript中的定时器与延时器

JavaScript中有两种定时器：setTimeout和setInterval。

setTimeout

setTimeout是一个函数，可以让代码在指定的毫秒数后执行一次。语法如下：

setTimeout(function, milliseconds);

其中，function是要执行的函数，milliseconds是执行前的等待时间。

例如：

setTimeout(function(){
  console.log("Hello World!");
}, 2000);

这段代码表示在2秒后打印出“Hello World!”。

setInterval

setInterval是另一个函数，可以让代码在每个指定毫秒数执行一次。语法如下：

setInterval(function, milliseconds);

例如：

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

这段代码表示每1秒钟输出一次“Hello World!”。

clearTimeout(清除延时器)或clearInterval(清除定时器)函数来停止计时器的执行

也可以使用clearTimeout或clearInterval函数来停止计时器的执行。

clearTimeout(清除延时器)

clearTimeout() 是一个 JavaScript 方法，用于取消使用 setTimeout() 建立的延时器。 clearTimeout() 将取消在 setTimeout() 中注册的待定操作。它接受一个计时器 ID 作为参数，这个 ID 是 setTimeout() 返回的值。语法如下：

例如

clearTimeout(timerID)

例如：

let timerID = setTimeout(myFunction, 3000);
clearTimeout(timerID);

这个例子中的 setTimeout() 方法是用来在 2 秒后执行 myFunction() 函数。我们可以使用 clearTimeout() 方法在 2秒之前取消执行 myFunction() 函数

clarInterval(清除定时器)

例如

clearInterval(intervalID)

intervalID是要清除的定时器的ID，该ID由setInterval()函数返回。当调用该函数时，指定的定时器就会被停止并从内存中删除。

// 设置一个每500毫秒执行一次的定时器
let intervalID = setInterval(function(){
  console.log("Hello world!");
}, 2000);

// 停止定时器
clearInterval(intervalID);

上述代码中，设置了一个每500毫秒执行一次的定时器，使用clearInterval()函数可以停止该定时器的运行。