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);