脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js定时器setInterval、clearInterval

js定时器setInterval、clearInterval的使用方法举例

 更新时间：2023年11月13日 15:07:25   作者：彭世瑜  
Javascript的setTimeOut和clearInterval函数应用非常广泛,它们都用来处理延时和定时任务,这篇文章主要给大家介绍了关于js定时器setInterval、clearInterval使用方法的相关资料,需要的朋友可以参考下

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

文档

常用的语法

// 设置定时器
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

附：js clearInterval 多个定时任务 全部清除

for循环内小于定时数， 就会留一个当前执行的任务， 小于等于就是全部清除。

var  end = setInterval(function(){}, 100);
var start = (end - 100) > 0 ? end -100 : 0;
for(var i = start; i < end; i++)
{
     clearInterval(i);
}

总结

到此这篇关于js定时器setInterval、clearInterval使用方法的文章就介绍到这了,更多相关js定时器setInterval、clearInterval内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

相关文章

最新评论