javascript中的计时器

javascript中的定时器有两种：一种是一次性定时器，一种是可以持续使用的定时器；

1：一次性定时器setTimeout(a,b)；兼容ie的任何版本

该方法接受两个参数，第一个是要执行的代码，第二个是将要执行的时间单位是毫秒。同时该方法返回一个唯一的定时器id方便我们调用和删除该定时器。该方法是BOM的window对象的方法所以我们用的时候可以把对象省略，也就是说setTimeout('alert("aaaa")',10000);和window.setTimeout('alert("aaaa")',10000);是等效的，后面几个方法也是同理。

example:

setTimeout('alert("aaaa")',10000);

这里的函数还可以（下面setInterval(a,b) 也同理）

setTimeout('myfun()',10000);调用一个函数

setTimeout(function(){.....},10000);作为回调函数使用

1.1那么怎么删除一次性定时器呢？利用setTimeout()返回的定时器id.

clearTimeout(timer); 定时执行之前先关闭定时器，清除还没执行的的定时器

var timer=setTimeout('alert("aaaa")',100);

2: 持续使用的定时器setInterval(a,b)
 我测试的是兼容IE5+

该方法和一次性定时器setTimeout(a,b)；相同，只是第二个参数不是一次性时间而是每次间隔的时间

setInterval('alert("aaaa")',100);

2.1删除持续使用的定时器，也是要利用setInterval()返回的定时器id.

var timer=setInterval('alert("aaaa")',100);

clearInterval(timer);

example:

<script type="text/javascript">

window.onload=function(){ //页面内容加载完毕执行匿名函数

var div=document.getElementById("div1"); //获取div

time();  //执行time()函数

div.onclick=function(){ //当div被点击的时候执行匿名函数里面的 claerfun()函数

claerfun();

}

}

var timer; //新建一个变量用来后面装定时器返回的id

  function time(){ //新建一个名为time函数

  timer=setInterval(fun,1000); //创建定时器每隔1000毫秒（1s）就调用fun函数一次，并把定时器id赋值给建好的变量timer。

  }

  function fun(){ 

  alert("hi");

  }

  function  claerfun(){ //新建一个名为claerfun函数

  clearInterval(timer);//删除定时器

  }

</script>