setTimeout 与setInterval 的区别

setTimeout()方法是在等待指定时间后执行函数, 且只执行一次传入的句柄函数. setInterval()方法是每指定间隔时间后执行一次传入的句柄函数,循环执行直至关闭窗口或clearInterval().

 

 

 

var timeout=function(){
	alert('等待2s后弹出,仅此一次!在等待时间内clearTimeout可停止执行!')
}
var interval=function(){
	alert('每2s循环弹出,直至clearInterval或关闭窗口!')
}
var input=document.getElementsByTagName('input');

var clearTimeoutFun=null;
var clearIntervalFun=null;

input[0].onclick=function(){
	clearTimeoutFun=setTimeout(timeout,2000);
}
input[1].onclick=function(){
	clearTimeout(clearTimeoutFun);
}
input[2].onclick=function(){
	clearIntervalFun=setInterval(interval,2000);
}
input[3].onclick=function(){
	clearInterval(clearIntervalFun);
}