js 定时器每秒执行,手动清除定时器demo

 var inr=1;
     function timer(){
           if(inr<5){
              console.log("我被执行了"+inr);
             inr++;
           }else{
              console.log("我被停止了,不会再执行"+inr);
              window.clearInterval(vartime);//清除定时器
           }
     }
      var vartime=window.setInterval("timer();", 1000); //这段代码的效果是一秒调用一次run(), 

解释:

window.setTimeout([function],[interval]) 设置一个定时器,并且设定了一个等待的时间[interval],当到达时间后,执行对应的方法[function],当方法执行完成定时器停止(但是定时器还在,只不过没用了);

window.setInterval([function],[interval]) 设置一个定时器,并且设定了一个等待的时间[interval],当到达时间后,执行对应的方法[function],当方法执行完成,定时器并没有停止,以后每隔[interval]这么长的时间都会重新的执行对应的方法[function],直到我们手动清除定时器为止;

window.clearInterval(timer1)/window.clearTimeout(time1);两种清除方式都可以清除

你可能感兴趣的:(前端)