标签：
本文提供了一个 javascript 方面的 setTimeout 的一个例子，在执行长时间的堵塞任务时，相关页面渲染会有问题，直接提供代码，拿代码说例子是最简单的：
<html>
<script src= "js/jquery-1.10.2.min.js" type="text/javascript"></ script>
<body>
<button id= ‘do‘>Do long calc!</ button>
<div id= ‘status‘></div >
<div id= ‘result‘></div >
<script type= "text/javascript">
jQuery( ‘#do‘).on( ‘click‘, function(){
jQuery( ‘#status‘).text(‘calculating....‘ );//此处会触发redraw事件的fired，但会放到队列里执行，直到long()执行完。
// without set timeout, user will never see "calculating...."
//long();//执行长时间任务，阻塞 // with set timeout, works as expected
setTimeout( long,50);//用定时器，大约50ms以后执行长时间任务，放入执行队列，但在redraw之后了，根据先进先出原则
})
function long (){
var result = 0
for (
var i = 0; i<1000; i++){
for(var j = 0; j<1000; j++){
for (var k = 0; k<1000; k++){
result = result + i + j + k;
}
}
}
jQuery( ‘#status‘).text(‘calclation done‘ )
// has to be in here for this example. or else it will ALWAYS run instantly. This is the same as passing it a callback
}
</script>
</body>
</html>
这个例子很有意思，如果不使用 setTimeout( long,50); 方法的话，页面执行过程中，是不会出现 calculating…… 的。
标签：
原文地址：http://my.oschina.net/alexgaoyh/blog/416881
