瀏覽器打開了2個標簽頁，其中一個標簽頁A中有如下代碼：` var time = 0; var i = 0; var t = 0; function test(){
i++;
setTimeout(function(){
$('body').append('-'+i);
test();
},100);
}
test();
`如果我一直停留在這個頁面上，程序沒有任何問題，會不斷的在頁面上打印遞增的數字 ，但是當我點擊另一個標簽頁B時，標簽頁A中的代碼會停止執行，直到我重新切換到標簽頁A時，代碼又會繼續執行。這個問題不知道要怎么解決,求大神幫忙感激不盡！PS.經過測試，發現這個問題只有在chrome和firefox才會出現，IE正常。再PS.上面說的停止執行是我的視覺誤判，真實原因如下：On the Chromium blog, Google said: In the forthcoming Chrome 11 release, we plan to reduce CPU consumption even for pages that are using setTimeout and setInterval. For background tabs, we intend to run each independent timer no more than once per second. This change has already been implemented in the Chrome dev channel and canary builds.解決辦法：使用webworker(兼容性不夠好)或者使用這個補丁 https://github.com/turuslan/H...
setTimeout的機制引起的bug
慕田峪7331174
2018-09-05 14:15:16
