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().