ITPub博客

首页 > IT职业 > IT生活 > js定时器清除

js定时器清除

IT生活 作者:flashstone 时间:2021-09-11 10:03:13 0 删除 编辑

js定时器清除.png

小编向大家介绍过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() 的原理及实现实例,希望能对你有帮助哦~

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/3378/viewspace-2831308/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-08-14

  • 博文量
    72
  • 访问量
    562