js:定时器setInterval、clearInterval的使用

时间:2023-02-04 08:02:14

定时器:可以在固定时间间隔,重复调用一个函数

文档

常用的语法

// 设置定时器
var intervalID = setInterval(function[, delay]);

// 清除定时器
clearInterval(intervalID)

为了避免this指向问题,一般使用箭头函数

// 总的执行5次
let total = 5;
// 每5秒执行一次
let delay = 1000 * 5;
// 执行计数
let count = 0;

function task() {
    count++;
    console.log(new Date().toLocaleString());

    // 执行5次后清除定时器
    if (count >= total) {
      clearInterval(intervalID);
    }
}

// 每5秒执行一次
let intervalID = setInterval(() => {
    task();
}, delay);

输出结果

2023/2/3 17:00:29
2023/2/3 17:00:34
2023/2/3 17:00:39
2023/2/3 17:00:44
2023/2/3 17:00:49