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