实现定时器执行中不能二次触发

    xiaoxiao2021-04-15  71

    有时候我们想用事件控制定时器的触发,同时还要求定时器没有结束时不能二次触发。对此我进行了研究,给出了我的解决思路。

    用一个布尔值变量做控制器,类似开关的用法。

    大概是这样的。这个栗子用的是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

    最新回复(0)