DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> JavaScript SetInterval與setTimeout使用方法詳解
JavaScript SetInterval與setTimeout使用方法詳解
編輯:JavaScript基礎知識     
setTimeout和setInterval的語法相同。它們都有兩個參數,一個是將要執行的代碼字符串,還有一個是以毫秒為單位的時間間隔,當過了那個時間段之後就將執行那段代碼。
不過這兩個函數還是有區別的,setInterval在執行完一次代碼之後,經過了那個固定的時間間隔,它還會自動重復執行代碼,而setTimeout只執行一次那段代碼。
區別:
window.setTimeout("function",time);//設置一個超時對象,只執行一次,無周期
window.setInterval("function",time);//設置一個超時對象,周期='交互時間'
停止定時:
window.clearTimeout(對象) 清除已設置的setTimeout對象
window.clearInterval(對象) 清除已設置的setInterval對象
復制代碼 代碼如下:
PerRefresh();

function PerRefresh() {
     var today = new Date();
     alert("The time is: " + today.toString());
     setTimeout("showTime()", 5000);
}

 一旦調用了這個函數PerReflesh,那麼就會每隔5秒鐘就顯示一次時間
復制代碼 代碼如下:
setInterval("PerRefresh()", 5000);

function PerRefresh() {
     var today = new Date();
     alert("The time is: " + today.toString());
}

而setInterval卻沒有被自己所調用的函數所束縛,它只是簡單地每隔一定時間就重復執行一次那個函數。
只要調用了setInterval("PerRefresh()", 5000)此函數,那麼每隔5秒鐘就會執行PerRefresh這個函數。
如果要求在每隔一個固定的時間間隔後就精確地執行某動作,那麼最好使用setInterval,而如果不想由於連續調用產生互相干擾的問題,尤其是每次函數的調用需要繁重的計算以及很長的處理時間,那麼最好使用setTimeout。
setInterval 不斷地執行指定代碼直到調用clearInterval清除定時器對象
setTimeout 執行一次指定代碼,使用clearTimeout清除定時器對象
setInterval和setTimeout都返回定時器對象標識符,用於clearInterval和clearTimeout調用
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved