Question

js中定时器setTimeout函数的问题？

对于函数：
function startMove(){
div1.style.left=div1.offsetLeft+20+"px";
setTimeout('startMove()',300);
}
请问：
setTimeout是在上一个回调函数执行结束后，等指定的delay秒后再执行，还是上一个回调函数开始执行后（不管有没有执行完）就立即等delay秒后执行，还是上一个回调函数开始执行后（不管有没有执行完）就立即等delay秒，如果此刻上一个回调函数执行完了，就立即执行（等待时间恰好是delay秒），否则等上一个回调函数执行完，再执行，此时等的时间已经大于delay秒了。

Answer 1

setTimeout是在上一个回调函数执行结束后，等指定的delay秒后再执行，setInterval是上一个回调函数开始执行后（不管有没有执行完）就立即等delay秒后执行

然而

我们对JavaScript定时器存在一个误解，JavaScript其实是运行在单线程的环境中的，这就意味着定时器仅仅是计划代码在未来的某个时间执行，而具体执行时机是不能保证的，因为页面的生命周期中，不同时间可能有其他代码在控制JavaScript进程。在页面下载完成后代码的运行、事件处理程序、Ajax回调函数都是使用同样的线程，实际上浏览器负责进行排序，指派某段程序在某个时间点运行的优先级。

我们可以可以把JavaScript想象成在时间线上运行。当页面载入的时候首先执行的是页面生命周期后面要用的方法和变量声明和数据处理，在这之后JavaScript进程将等待更多代码执行。当进程空闲的时候，下一段代码会被触发
除了主JavaScript进程外，还需要一个在进程下一次空闲时执行的代码队列。随着页面生命周期推移，代码会按照执行顺序添加入队列，例如当按钮被按下的时候他的事件处理程序会被添加到队列中，并在下一个可能时间内执行。

追问

是不是setInterval是严格按照delay来延时执行的，而setTimeout每次都要延时大于delay（取决于上一个回调函数什么时候执行完）再执行？我想问的是，你说“setInterval是上一个回调函数开始执行后（不管有没有执行完）就立即等delay秒后执行”，如果上一个回调函数没有执行完，就又执行一个回调函数，新执行的回调函数会不会影响上一个回调函数？比如：

Answer 2

都是等待执行完毕后执行的，可以尝试跑这段代码：

setInterval (function () {
    alert('每次同时只会出现一个');
}, 3000);

setTimeout 这个函数是在延时后执行 1 次。而 setInterval 是一直延时、执行重复。