JavaScript定时器

简介: JavaScript定时器

很多功能中,我没都会用到定时器,定时器也分为两种类型,一种是一次性定时器,还有一种永久性定时器

永久性定时器:setInterval(执行函数,毫秒)

永久性定时器,每隔一段时间执行一次,他是可以多次执行的,重复执行

// 每隔一秒在控制台打印输出,循环执行
setInterval(function(){
console.log('一次性定时器');
},1000)

一次性定时器:setTimeout(执行函数,毫秒)

一次性定时器,一定时间后执行一次,不可以多次才执行,在多久之后执行完毕

// 三秒后在控制台打印输出,只执行一次
setTimeout(function(){
console.log('一次性定时器');
},3000)

既然能创建定时器,当然还有删除定时器的方法

删除永久性定时器:clearInterval(永久性定时器)

let i = 0;
let inter = setInterval(function(){
i++;
if(i == 5){
clearInterval(inter);
console.log('终止定时器');
}else{
console.log(i);
}
},1000)

删除一次性定时器:clearTimeout(一次性定时器)

var i = 0;
    //设置定时器(一次性定时器)
    var timeId = setTimeout(function () {
      i++;
      console.log('定时运行:' + i + '次')
    }, 500)
    //清理定时器(这个定时器虽然只有一次,但是也得清理 既可以释放内存,也可以便于后边代码的判断。)
    my$('btn').onclick = function () {
      window.clearTimeout(timeId)
    }

今天的就到这里啦,希望对大家有用处,谢谢大家的观看!

相关文章
|
6月前
|
JavaScript
JS定时器
JS定时器
55 0
|
5月前
|
JavaScript 前端开发 安全
JavaScript基础-定时器:setTimeout, setInterval
【6月更文挑战第13天】JavaScript中的`setTimeout`和`setInterval`是异步编程的关键工具,用于按计划执行代码。`setTimeout`在延迟后执行一次,而`setInterval`则周期性执行。常见问题包括忘记清除定时器导致内存泄漏,递归使用`setTimeout`可能引发无限递归,以及字符串代码执行的安全隐患。解决方法包括使用`clearTimeout`和`clearInterval`,设置递归终止条件,以及优先使用函数表达式。理解定时器的非精确性并采用错误处理策略也是实践中的重要技巧。通过示例展示了如何延迟显示消息和周期性打印计数。
80 2
|
22天前
|
JavaScript 前端开发
js之一次性定时器
js之一次性定时器
10 1
|
22天前
|
JavaScript 前端开发
js之永久定时器
js之永久定时器
10 1
|
3月前
|
JavaScript 前端开发
解决在JS中阻止定时器“重复”开启问题、Vue中定时器的使用
这篇文章讨论了在JavaScript和Vue中如何避免定时器重复开启的问题,并提供了一个模拟场景和代码示例,演示了在开启新定时器前清除旧定时器的方法。
解决在JS中阻止定时器“重复”开启问题、Vue中定时器的使用
|
3月前
|
JavaScript 前端开发
js之永久定时器
js之永久定时器
|
3月前
|
JavaScript 前端开发
|
3月前
|
Web App开发 JavaScript 前端开发
JavaScript——定时器为什么是不精确的
JavaScript——定时器为什么是不精确的
59 0
|
3月前
|
JavaScript 前端开发
js之永久定时器
js之永久定时器
29 0
|
3月前
|
JavaScript 前端开发
js之一次性定时器
js之一次性定时器
29 0