var start = new Date;

setTimeout(function(){

var end = new Date;

console.log('end~~~',end-start,'ms');

},0);

while(new Date - start < 4000){

if(new Date - start == 3999) console.log('end')

}

运行setTimeout后开始计时，把回调函数放在延时事件队列的最后。

所有同步的js事件完成后，setTimeout的回调函数才会被执行，即便是setTimeout设置事件小于同步事件运行的事件，同步事件没有执行完，setTimeout的回调函数就不会被执行

------------------------------------------

<div id="click">aaa</div>

<script>

window.οnlοad=function(){

document.getElementById('click').οnclick=function(){

console.log('你点击了click');

}

var start = new Date;

while(new Date - start < 1000){}

}

</script>

当页面加载完成后，点击id#click后，js会把当前点击的事件放到队列中去，等同步的js执行完成后再去执行onclick事件。

-----------------------------------------

未完待续

文章来源 ：