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内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要为大家介绍了Three.js物理引擎Cannon.js创建简单应用程序详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-04-04
杨氏矩阵查找的JS代码，需要的朋友可以参考一下2013-03-03
pureClearButton是一款基于Bootstrap的非常实用的用于清空和重置input输入框内容的jQuery按钮插件，感兴趣的小伙伴们可以参考一下2016-05-05
之前提到了JS中比较简单的设计模式，在各种设计模式中被最常使用的工具之一就是原型链的继承。作为OOP的特质之一——继承，今天主要谈谈JS中比较简单的继承方法2016-01-01
这篇文章主要介绍了小程序如何获取群聊的openGid以及名称详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-07-07
这篇文章给大家介绍了uniapp实现微信小程序一键登录功能,本文通过实例代码给大家介绍的非常详细,感兴趣的朋友一起看看吧2024-10-10
这篇文章主要为大家详细介绍了JavaScript数组合并的多种方法，感兴趣的朋友可以参考一下2016-05-05
这篇文章主要为大家详细介绍了TypeScript中字符串的常用操作，例如substring、indexOf、slice、replace等，感兴趣的小伙伴可以跟随小编一起学习一下2023-08-08
这篇文章主要是对js上下左右键控制焦点的示例代码进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
这篇文章主要介绍了JavaScript实现Java中Map容器的方法,结合实例形式分析了JavaScript实现Java中Map容器的原理与相关实现技巧,需要的朋友可以参考下2016-10-10
最新评论