JavaScript中SetInterval与setTimeout的用法详解

SetInterval

概念

setInterval()是JavaScript中的一个全局函数，用于创建一个可以重复执行的定时器。

语法

setInterval(func, delay, [param1, param2, ...]);

• func：定时器每次运行时要调用的函数
• delay：每次运行间隔的时间（以毫秒为单位）
• param1、param2、…：可选参数，传递给函数的参数

示例

let i = 0;
const intervalId = setInterval(function() {
  console.log(++i);
  if(i === 10) clearInterval(intervalId);
}, 1000);

上面的代码会每隔一秒钟输出一个数字，直到数字累计到10时，就会清除定时器。

setTimeout

概念

setTimeout()是JavaScript中的一个全局函数，用于在指定时间后执行一次性的回调函数。

语法

setTimeout(func, delay, [param1, param2, ...]);

• func：要执行的回调函数
• delay：回调函数被执行之前的等待时间（以毫秒为单位）
• param1、param2、…：可选参数，传递给函数的参数

示例

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

上面的代码会在3秒后输出"Hello World!"。

小结

综上所述，setInterval()和setTimeout()都是JavaScript中的定时器函数，可以使用它们来实现定时任务。二者的区别在于setInterval()可以重复执行，而setTimeout()只执行一次。

使用定时器时需要注意：

• 定时器中的回调函数可能会存在异步操作，需要特别注意回调函数内部的this指向。
• 如果需要在多个定时器之间进行切换或终止，建议保存定时器 ID，以便在必要时能够使用clearInterval()或clearTimeout()终止定时器。

本篇攻略仅作一个简单介绍，使用时请根据具体情况进行适当的调整。