js 时间间隔执行函数

JavaScript 支持暂停和时间间隔，这课有效的告诉浏览器应该何时执行某行代码。暂停就是在指定的毫秒数。

1、setTimeout('function',time):

第一个参数可以是代码串，也是可以函数指针，第二个参数是暂停时间（秒）。

function time(){

alert('执行');

}

window.onload=function(){

setTimeout(time,1000);

}

这个表示在一秒后执行time()函数,调用setTimeout()时，它创见一个数字暂停ID，与操作系统的进程ID相似。暂停ID本质上是要延迟的进程的ID，在调用setTimeout()时后，就不应该在执行其他代码。想 取消还未执行的暂停，可以用clearTimeout ()来取消，

2、clearTimeout()：

接受一个参数：执行setTimeout()时，创建的暂停ID；

<script>
 var s = 0;
 function run(){
  s = setTimeout(a,1000)
 }
 function a(){
  alert(2)
 }
 function stop(){
  clearTimeout(s)
 }
</script>

<input type='button' value='run' onclick='run()'>
<input type='button' value='stop' onclick='stop()'>

在按下run时出发run()函数，执行setTimeout()并将创建的ID传给s，在一秒后执行a(),如果在1秒内点击stop就会停止setTimeout()函数的执行。

 

2、还有一种执行方法，与暂停类似，setInterval()就是时间间隔表示在某段时间内不停的去执行一行代码，除了停止它否则会一直执行下去，这就是与setTimeout()不同之处，一个是暂停多少秒后执行一次，而setInterval()是一直执行。

function time(){

alert('执行');

}

window.onload=function(){

setInterval(time,1000);

}

 

1秒内不停的调用time().和setTimeout()一样setInterval()也有停止它的函数，clearInterval()停止函数执行。

 

<script>
 var s = 0;
 function run(){
  s = setInterval(a,1000)
 }
 function a(){
  alert(2)
 }
 function stop(){
  clearInterval(s)
 }

</script>

<input type='button' value='run' onclick='run()'>
<input type='button' value='stop' onclick='stop()'>

 

在按下run时出发run()函数，执行setInterval()并将创建的ID传给s，在一秒后执行a(),如果在1秒内点击stop就会停止setInterval()函数的执行。否则就会一直执行a()函数，这是与setTimeout()的不同之处

 

如何选择使用那种方法，在执行一组代码前要等待一段时间，就使用暂停setTimeout()，如果要反复的去执行一组代码时就用间隔setInterout().

 

源文： http://blog.csdn.net/lybwwp/article/details/8983797