定时器

setTimeout

该方法允许在一段时间后，调用一个函数或者执行一个代码段。

该用例表示在 1 秒后执行箭头函数。

setTimeout(() => {
  console.info("setTimeout");
}, 1000);

setInterval

该方法允许间隔相同的时间，重复地调用一个函数或者执行一个代码段。

该用例表示每隔 1 秒都会执行箭头函数。

setInterval(() => {
  console.info("setTimeout");
}, 1000);

清除定时器

对于 setTimeout，如果在函数触发之前需要取消，则需要手动调用 clearTimeout 来取消该定时器。如果在函数执行完毕后触发，则无需手动清除。

对于 setInterval，如果取消则必须调用 clearInterval 来取消该定时器。否则会产生内存泄漏。

示例代码如下：

// setTimeout
var timer1 = setTimeout(() => {
  console.info("setTimeout");
}, 1000);

clearTimeout(timer1);

// setInterval 
var timer2 = setInterval(() => {
  console.info("setInterval");
}, 1000);

clearInterval(timer2);