首頁  >  文章  >  web前端  >  JavaScript SetInterval與setTimeout使用方法詳解_基礎知識

JavaScript SetInterval與setTimeout使用方法詳解_基礎知識

WBOY
WBOY原創
2016-05-16 17:15:011263瀏覽

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呼叫
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn