js定时器清除

小编向大家介绍过js定时器的启动方法setTimeout与setInterval，既然会启动定时器，那也有关停定时器，清除定时效果的必要。本文介绍js定时器清除方法：clearTimeout() 和clearInterval() 。

方法一：clearTimeout(timeId)

取消由 setTimeout() 方法设置的 timeId。

1、语法

clearTimeout(id_of_settimeout)

2、参数

要取消的延迟执行代码块。

3、使用实例

//setTimeout 1000ms后执行1次
var test1 = setTimeout(function(){
    //your codes
},1000);
 
//setInterval 每隔1000ms执行一次
var test2 = setInterval(function(){
   //your codes
},1000)
 
//清除Timeout的定时器,传入变量名(创建Timeout定时器时定义的变量名)
clearTimeout(test1);

方法二：clearInterval(timeId)

取消由 setInterval() 设置的 timeId。

1、语法

clearInterval(id_of_setinterval)

2、参数

清除的定时器对象

3、使用实例

//setTimeout 1000ms后执行1次
var test1 = setTimeout(function(){
    //your codes
},1000);
 
//setInterval 每隔1000ms执行一次
var test2 = setInterval(function(){
   //your codes
},1000)
  
//清除Interval的定时器,传入变量名(创建Interval定时器时定义的变量名)
clearInterval(test2);

以上就是js定时器清除方法clearTimeout() 和clearInterval() 的原理及实现实例，希望能对你有帮助哦~