超时调用（setTimeout）和间歇调用（setInterval）有什么区别？

间歇调用

间歇调用：每隔指定时间执行相应的代码，直到被取消或者页面卸载。

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中的计时器是等回调函数执行完毕才开始计时，所以不会出现上述情况。