创建、清除interval定时器/interval定时器无法清除/判断定时器是否存在

创建

var int2=interval2 = setInterval(function(){
            if(x2.getAttribute('fill')=="green")
                x2.setAttribute("fill", "red")
            else {
                x2.setAttribute("fill", "green")
            }},500);//500ms

清除

clearInterval(int2);

判断是否存在,若存在则清除

if(int2){
                clearInterval(int2);
            }

记录一个坑,之前设置的settimeout在14s执行,但是每10s调用一次创建它的函数,导致第一个settimeout会仍然存在,因此这个也要像interval一样判断并清除,并且要设置全局变量记录,否则if(int2)检测不到。

 //定义定时器
    var interval1;    var interval2;    var interval3;var interval4;var interval5;
    var set1;var set2;var set3;var set4;var set5;
    //初始的五个大圆都是绿色
    var x1=document.getElementById("c1");var x2=document.getElementById("c2");var x3=document.getElementById("c3");
    var x4=document.getElementById("c4");var x5=document.getElementById("c5");
    x1.setAttribute("fill", "green");x2.setAttribute("fill", "green");x3.setAttribute("fill", "green");
    x4.setAttribute("fill", "green");x5.setAttribute("fill", "green");
    //打开定时器
    function  redgreen(bjtime,diquid) {
        if(diquid=="1"){
            //如果上一次的还未结束,即清空。
            if(interval1){
                clearInterval(interval1);
            }
            if(set1){
                clearTimeout(set1);
            }
            interval1 = setInterval(function(){
            if(x1.getAttribute('fill')=="green")
                x1.setAttribute("fill", "red")
            else {
                x1.setAttribute("fill", "green")
            }
            },500);

            set1=setTimeout(function(){
                //清空闪烁
                clearInterval(interval1);

                x1.setAttribute("fill", "green");
                    clearTimeout(set1);
            }, bjtime);}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值