学习Javascript异步编程 持续更新

原创
2014/11/23 00:35
阅读数 422

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.onload=function(){

document.getElementById('click').onclick=function(){

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

}

var start = new Date;

while(new Date - start < 1000){}

}

</script>


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

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

未完待续

文章来源 :http://my.oschina.net/edire/blog/347702

展开阅读全文
加载中
点击加入讨论🔥(1) 发布并加入讨论🔥
1 评论
15 收藏
0
分享
返回顶部
顶部