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 = newRefresh() {
The time is: " today.toString());
}
而setInterval卻沒有被自己所調用的函數所束縛,它只是簡單地每隔一定時間就重複執行一次那個函數。
只要呼叫了setInterval("PerRefresh()", 5000)此函數,那麼每隔5秒鐘就會執行PerRefresh這個函數。
如果要求在每隔一個固定的時間間隔後就精確地執行某動作,那麼最好使用setInterval,而如果不想因為連續呼叫產生互相干擾的問題,尤其是每次函數的呼叫需要繁重的計算以及很長的處理時間,那麼最好使用setTimeout。
setInterval 不斷執行指定代碼直到呼叫clearInterval清除定時器物件
setTimeout 執行一次指定代碼,使用clearTimeout清除定時器物件
setInterval和setTimeout都傳回定時器物件標識符,用於clearInterval和clearTimeoutout呼叫