核心提示:实现定时器执行中不能二次触发:有时候我们想用事件控制定时器的触发,同时还要求定时器没有结束时不能二次触发。对此我进行了研究,给出了我的解决思路。用一个布尔值变量做控制器,类似开关的用法大概是这样的。这...
实现定时器执行中不能二次触发:有时候我们想用事件控制定时器的触发,同时还要求定时器没有结束时不能二次触发。对此我进行了研究,给出了我的解决思路。
用一个布尔值变量做控制器,类似开关的用法
大概是这样的。这个栗子用的是setInterval,通过事件触发,然后进行某个操作会移除这个定时器,要求移除前不能重复触发。
比如要实现点击某个按钮炮弹发射,一段时间后炮弹填装完毕,可以再开炮。在装填的这段时间内,要求不能点击某个按键触发定时事件。
var flag = true; window.onclick = function(){ if( flag === true){ timer = setInterval(function{ //要执行的代码 },1000); flag = false; //开关关上,不能再触发这个定时器 } } // 通过满足某些条件触发下面代码。 clearInterval(timer); flag = true;
缺点:多了一个全局变量flag,这个flag分散在代码的各个角落。设置定时器时要flag值,移除定时器也要改flag值。或许可以把这个flag和定时器包装在一起,这样貌似可以提高可读性。