js中setInterval和setTimeout區別和用法

標籤：html dom   func   相關   int   submit   com   mit   on()   art   

setTimeout

setTimeout() //- 在指定時間後執行代碼
clearTimeout() //- 取消 setTimeout(),clearTimeout()方法的參數必須是由setTimeout()返回的ID值。

注意: 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 + "秒");
}
}

js中setInterval和setTimeout區別和用法