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