js定时器

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

   在做项目中难免会碰到需要实时刷新，动画依次出现等等需求，这时候就需要定时器登上我们的代码舞台了，所以今天我们就先来了解一下JS定时器的设置和清除吧。

• 一、启用定时器

   window对象提供了两个方法来实现定时器的效果，分别是window.setTimeout()和window.setInterval。其中前者可以使一段代码在指定时间后运行；而后者则可以使一段代码每过指定时间就运行一次。它们的原型如下：

   window.setTimeout(code,millisec);

   window.setInterval(code,millisec);

   其中，code可以是用引号括起来的一段代码，也可以是一个函数名，到了指定的时间，系统便会自动调用该函数，当使用函数名作为调用句柄时，不能带有任何参数；而使用字符串时，则可以在其中写入要传递的参数。两个方法中的第二个参数是millisec，表示延时或者重复执行的毫秒数。

具体写法如下：

• 函数名，不带参数

setTimeout (test,1000)；           //1秒后执行

字符串，可以执行的代码

setTimeout ('test()',1000)；       //1秒后执行

• 匿名函数

setTimeout (function(){},1000)；   //1秒后执行

注：setInterval的用法与setTimeout一样

• 调用函数，带参数

setTimeout ('test(参数)',1000)；      //1秒后执行

清楚定时器

1. var test1 = setTimeout(function(){

2. //your codes

3. },1000);

5. //setInterval 每隔1000ms执行一次

6. var test2 = setInterval(function(){

7. //your codes

8. },1000)

10. //清除Timeout的定时器,传入变量名(创建Timeout定时器时定义的变量名)

11. clearTimeout(test1);

13. //清除Interval的定时器,传入变量名(创建Interval定时器时定义的变量名)

14. clearInterval(test2);