JavaScript SetInterval與setTimeout使用方法詳解

2019-11-20 21:41:23

字體：大中小

來源：轉載

供稿：網友

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調用

上一篇：當json鍵為數字時的取值方法解析

下一篇：jquery.ui.draggable中文文檔(原文翻譯)