setInterval 和 setTimeout的区别

73 阅读1分钟

setInterval 和 setTimeout 都是 JavaScript 中的常用函数,用于在一定的延迟时间后执行指定的代码。它们的主要区别如下:

  • setInterval 函数会在指定的延迟时间后重复执行指定的代码,直到调用 clearInterval 函数停止。而 setTimeout 函数只会在指定的延迟时间后执行一次指定的代码。
  • setInterval 函数的延迟时间是以毫秒为单位的,而 setTimeout 函数的延迟时间可以是毫秒、秒、分钟或小时等。
  • setInterval 函数返回一个整数,表示由 setInterval 调用创建的定时器的编号。而 setTimeout 函数返回一个值,表示由 setTimeout 调用创建的定时器的编号。

以下是使用 setInterval 和 setTimeout 的示例代码:

// 使用 setInterval 函数
let intervalId = setInterval(() => {
console.log("执行代码");
}, 1000); 
// 使用 clearInterval 函数停止执行 
clearInterval(intervalId); 
// 使用 setTimeout 函数
let timeoutId = setTimeout(() => { 
console.log("执行代码");
}, 2000);

在上面的示例中,我们使用 setInterval 函数来每隔 1000 毫秒执行一次指定的代码,并使用 clearInterval 函数来停止执行。我们还使用 setTimeout 函数来在 2000 毫秒后执行一次指定的代码。