有时候我们想用事件控制定时器的触发,同时还要求定时器没有结束时不能二次触发。对此我进行了研究,给出了我的解决思路。
用一个布尔值变量做控制器,类似开关的用法。
大概是这样的。这个栗子用的是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和定时器包装在一起,这样貌似可以提高可读性。
如果你有其他方法或者更好的方法,请给我留言。