您现在的位置:首页 >> 前端 >> 内容

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

时间:2017/4/15 9:57:00 点击:

  核心提示:实现定时器执行中不能二次触发:有时候我们想用事件控制定时器的触发,同时还要求定时器没有结束时不能二次触发。对此我进行了研究,给出了我的解决思路。用一个布尔值变量做控制器,类似开关的用法大概是这样的。这...

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

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

大概是这样的。这个栗子用的是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和定时器包装在一起,这样貌似可以提高可读性。

作者:网络 来源:fstar_的博客
  • 上一篇:腾讯前端面试题
  • 下一篇:jQuery常用命令