javascript：定时器多次开启无法停止的问题setInterval

今天在学定时器的时候，一个按钮点击开启定时器，一个按钮点击关闭，发现点开始肯多次后，无法停止定时器，之前看到一个解决方案就是每次开启前先关闭上一个，我想了一下，总觉得这方案不太好，后来自己想了一个方案，就是保证定时器只开一个就行了，代码如下：

let btns=document.querySelectorAll('button');
let timer=0;
let num=0;  //记录计时器开启的数目
btns[0].addEventListener('click',function () {
//单击事件触发num加1num++;//只有第一次点击能触发定时器if(num===1) {timer = setInterval(function () {console.log('定时器调用！！！')}, 1000);}
})btns[1].addEventListener('click',function () {clearInterval(timer);num=0;  //关闭定时器后定时器数量清0
})

javascript：定时器多次开启无法停止的问题setInterval相关推荐

JavaScript定时器的工作原理（翻译）
JavaScript定时器的工作原理(翻译) 标签(空格分隔): JavaScript定时器最近在看ajax原理的时候,看到了一篇国外的文章,讲解了JavaScript定时器的工作原理,帮助我很好的 ...
html倒计时timer,JavaScript定时器设置、使用与倒计时案例详解
本文实例讲述了JavaScript定时器设置.使用与倒计时案例.分享给大家供大家参考,具体如下: 1.设置定时器定时器,适用于定时执行的任务中.在BOM的window对象中,有这样的两个函数是用于设 ...
【学习笔记】 Javascript定时器
Javascript定时器 Window对象提供的定时器功能,其基本功能是在规定的时间自定执行某个函数. 根据执行的机制,定时器又分为间歇定时器和延迟定时器. 间歇定时器:每隔一段时间执行指定函数( ...
JavaScript定时器示例
JavaScript定时器示例在前端,我们有很多功能需要用到定时器(Timing).譬如轮询,譬如定时关闭弹框,譬如实现秒表,譬如一段时间后跳转页面等等.因此,我们需要掌握定时器的用法. windo ...
linux的定时器传参数,JavaScript 定时器调用传递参数的方法
JavaScript定时器调用传递参数的方法,需要的朋友可以参考下. 无论是window.setTimeout 还是window.setInterval,在使用函数名作为调用句柄时都不能带参数,而在许 ...
Unity 协程开启、停止与生命周期
StopAllCoroutines只会停止调用这个接口的脚本实例对象上的所有协程,而非调用这个接口脚本的所有实例对象. 协程被打断使用Unity的MonoBehavior组件开启一段协同程序非常方便 ...
javaScript定时器函数
js 定时器有以下两个方法: setInterval() ,setTimeout() 1.setInterval() setInterval(code,millisec,lang) 作用这个函数可 ...
iOS中定时器NSTimer的开启与关闭
调用一次计时器方法: [cpp] view plain copy myTimer = [NSTimer scheduledTimerWithTimeInterval:1.5 target:self ...
JavaScript定时器原理及高级使用
JavaScript里面内置了两个定时器,一个是setTimeout()一个是setInterval().下面将由浅入深来理解一下定时器的工作原理. 使用方式: setTimeout() setTim ...

javascript：定时器多次开启无法停止的问题setInterval

javascript：定时器多次开启无法停止的问题setInterval

javascript：定时器多次开启无法停止的问题setInterval相关推荐

最新文章

热门文章