间歇调用
间歇调用:每隔指定时间执行相应的代码,直到被取消或者页面卸载。
var i=0;
var intervalId=null;
function A() {
i++;
if(i>=10){
clearInterval(intervalId)
}
console.log(i);
}
intervalId=setInterval(A,1000);
上面的代码每隔1s输出一个i值,当i的值到达10时,利用clearInterval取消它的调用。
超时调用
超时调用:在指定的时间过后执行代码。
上述间歇调用用超时调用来写:
var i=0;
function A() {
i++;
if(i<=10){
console.log(i);
setTimeout(A,1000);
}else{
alert("done")
}
}
setTimeout(A,1000);
在超时调用的回调函数的内部满足一定条件时,继续调用这个超时调用。
为什么不用setInterval?
在现实应用场景中,常用setTimeout而非setInterval,因为setInterval设置的时间值有可能会比执行回调函数的时间小,这样就会产生上一次间歇调用还没有执行完,下一次间歇调用就启动了,这样下一次间歇调用的代码就放到了队列中。而js引擎中只允许有一份未执行的该回调函数在队列中,所以队列中如果再来一个该函数,则该函数会被抛弃。
而setTimeout中的计时器是等回调函数执行完毕才开始计时,所以不会出现上述情况。