JavaScript定时器类型总结

JavaScript定时器类型指的是一组用于在指定时间间隔内执行函数或代码块的能力。其中包括setTimeout和setInterval两种类型。

setTimeout

setTimeout用于在指定时间后执行一次函数或代码块。其语法如下：

setTimeout(function, milliseconds, param1, param2, ...)

其中，function表示要执行的函数或代码块，milliseconds表示执行该函数或代码块的时间间隔（单位为毫秒），以及可选参数param1、param2等表示要传入该函数或代码块的参数。

示例1：使用setTimeout定时输出Hello World

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

上述代码中，setTimeout将在1秒之后执行匿名函数，该函数将输出Hello World。

setInterval

setInterval用于每隔指定的时间间隔执行一次函数或代码块。其语法如下：

setInterval(function, milliseconds, param1, param2, ...)

其中，function表示要执行的函数或代码块，milliseconds表示执行该函数或代码块的时间间隔（单位为毫秒），以及可选参数param1、param2等表示要传入该函数或代码块的参数。

示例2：使用setInterval定时更新计数器

let counter = 0;
let timerId = setInterval(function() {
  counter++;
  console.log(counter);
}, 1000);

上述代码中，setInterval将每隔1秒执行匿名函数一次，增加计数器的值并输出该值。

需要注意的是，如果想要停止定时器的执行，可以使用clearTimeout和clearInterval函数进行清除。例如：

setTimeout(function() {
  clearTimeout(timerId);
}, 5000);

上述代码中，setTimeout将在5秒之后执行匿名函数，该函数将清除之前初始化的定时器。