JavaScript - 函式 setTimeout 和 setInterval 的比較

一、setTimeout

    1、說明

        在指定的時間後（已毫秒計）呼叫一次函式或計算表示式

    2、應用

        1）普通型

//定義要執行的函式
function funcAlt(){
	alert("TimeOut...");
}

//呼叫方式一
window.setTimeout(funcAlt, 2000); 
//呼叫方式二
window.setTimeout("funcAlt()", 2000);
//錯誤的方式（等於第一個引數是funTo()的返回值；控制檯會報錯，IE8及以下）
window.setTimeout(funcAlt(), 2000); 

        2）傳參型

//定義要傳遞的引數
var msg = "Running...";
//定義要執行的函式
function funcParmAlt(param){
	alert("TimeOut: " + param);
}

//呼叫方式一
window.setTimeout("funcParmAlt(msg)", 2000);
//呼叫方式二（末尾動態追加引數，IE10及以上）
window.setTimeout(funcParmAlt, 2000, msg);

 

二、setInterval

 

    1、說明

        按照指定的週期（以毫秒計）重複呼叫函式或計算表示式

    2、應用

//和setTimeout類似
window.setInterval(funcAlt, 2000);

三、補充
    停止和清理定時器的clearTimeout和clearInterval函式

 

var timeoutID = window.setTimeout(funcAlt, 2000);
window.clearTimeout(timeoutID);

var intervalID = window.setInterval(funcAlt, 2000);
window.clearInterval(intervalID);