javascript定时器清除的方法

这篇文章主要介绍了javascript定时器清除的方法，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

JavaScript的特点

1.JavaScript主要用来向HTML页面添加交互行为。 2.JavaScript可以直接嵌入到HTML页面，但写成单独的js文件有利于结构和行为的分离。 3.JavaScript具有跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行。

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

方法一：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);

感谢你能够认真阅读完这篇文章，希望小编分享的“javascript定时器清除的方法”这篇文章对大家有帮助，同时也希望大家多多支持亿速云，关注亿速云行业资讯频道，更多相关知识等着你来学习!