1. 程式人生 > 其它 >js中setInterval和setTimeout區別和用法

js中setInterval和setTimeout區別和用法

setTimeout

setTimeout() //- 在指定時間後執行程式碼
clearTimeout() //- 取消 setTimeout()


注意: setTimeout() 和 clearTimeout() 都是HTML DOM 的 Window 物件的函式。


  用法:   setTimeout()方法用於在指定的毫秒數後呼叫函式或計算表示式。  
語法:   setTimeout(code,millisec)   
code (必需):要呼叫的函式後要執行的 JavaScript 程式碼串。   
millisec(必需):在執行程式碼前需等待的毫秒數。  
提示:   setTimeout() 只執行 code 一次。如果要多次呼叫,請使用 setInterval() 或者讓 code 自身再次呼叫 setTimeout()。

兩種呼叫函式的寫法:
function page_list(){
alert("shihuan");
}
window.setTimeout(page_list, 5000); //表示延時5秒執行page_list()函式
window.setTimeout("page_list()", 30000); //表示延時30秒執行page_list()函式

使用clearTimeout可以隨時停止計時。


應用技巧
建議將setTimeout單獨設定為一個函式。如:

function delayRun(code, time) {
var t = setTimeout(code, time);
}

這樣,在需要讓某段程式碼延時執行的時候,只需在這段程式碼前加入這個函式就可以了。如:
onmouseover = delayRun("setTab(0,0)", 500)
其中setTab是一個自定義的函式。如果以後不想讓setTab延時執行,則去掉語句中的delayRun相關的程式碼即可,
改為:onmouseover=setTab(0, 0) 就可以了。
這種寫法避免每一個需要延時的地方都寫一段setTimeout的程式碼,只需要直接呼叫就可以了,很方便。也節省了程式碼的量。

--------------------------------------------------------------------------------------------------

setInterval


setInterval() 方法可按照指定的週期(以毫秒計)來呼叫函式或計算表示式。


setInterval() 方法會不停地呼叫函式,直到 clearInterval() 被呼叫或視窗被關閉。
由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的引數。


語法

setInterval(code,millisec)
code 必需。要呼叫的函式或要執行的程式碼串。
millisec 必需。週期性執行或呼叫 code 之間的時間間隔,以毫秒計。

一個可以傳遞給 Window.clearInterval() 從而取消對 code 的週期性執行的值。


例子:
var leftSeconds = 10;
var intervalId;
$(function(){
$("#btnReg").attr("disabled",true);
intervalId = setInterval("countDown()",1000);
});
function countDown(){
if(leftSeconds <=0){
$("#btnReg").val("submit");
$("#btnReg").attr("disabled",false);
clearInterval(intervalId);
return;
}else{
leftSeconds--;
$("#btnReg").val("請仔細閱讀" + leftSeconds + "秒");
}
}