文档

定时器

更新时间:

卡片拥有延迟执行和定时执行的能力。下面分别对延迟执行和定时执行的方法进行说明。

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);

示例代码

单击此处 detailTimer.zip 获取完整示例代码。

  • 本页导读 (0)