关于定时器的设置与清除

  • Post author:
  • Post category:其他



JS设置定时器和清除定时器


一、启用定时器


window对象提供了两个方法来实现定时器的效果,分别是

window.setTimeout()和window.setInterval

。其中前者可以使一段代码在指定时间后运行;而后者则可以使一段代码每过指定时间就运行一次。它们的原型如下:


window.setTimeout(code,millisec);

//设置一个定时器,并且设定了一个等待的时间[interval],当到达时间后,执行对应的方法[function],当方法执行完成定时器停止


window.setInterval(code,millisec); //

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

函数名,不带参数

setTimeout (test,1500); //1.5秒后执行

调用函数,带参数

setTimeout (‘test(参数)’,1500); //1.5秒后执行


二、清除定时器

两种清除定时器的方法:clearTimeout(obj)和clearInterval(obj)。

定义一个变量来记录定时器的返回值:

//setTimeout 1500ms后执行1次

var test1 = setTimeout(function(){


//your codes

},1500);

//setInterval 每隔1500ms执行一次

var test2 = setInterval(function(){


//your codes

},1500)

两种清除方式都可以清除通过setTimeout和setInterval设置的定时器(两种方式在设置定时器的时候有区别,清除定时器的时候没有区别),并且参数不仅可以是timer,还可以是其返回值,例如1,2;需要注意的是,定时器即使清除了,其返回值也不会清除,之后设置的定时器的返回值也会在其返回值的基础上继续向后排,这点类似于银行的排队领号,即使1号的业务办理完了,后边的人仍是从2号开始继续领号,而不是重新从1开始;



版权声明:本文为weixin_45882434原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。