定時器解決js長時間運行指令碼問題

標籤：io   使用   java   strong   sp   div   on   問題   cti   

 

javascript

一般地，單個js操作的已耗用時間不應超過100毫秒，否則的話，會影響使用者體驗，使用者會認為自己與介面失去聯絡。而對於一些複雜的任務，可能無法在100ms內完成，甚至會突破瀏覽器限制（調用棧大小限制和長時間運行限制）。其中，長時間運行限制的衡量有執行語句的數量和執行語句的時間。 
因此，針對複雜任務，要想不影響使用者體驗，就需要藉助定時器。 
使用定時器可以讓出UI線程的控制權，停止執行javascript，使得UI線程有機會更新，然後隔一段時間後在執行javascript代碼。

 

1. function clickFun(){
2. ......
3. setTimeout(fun,50); //在setTimeout（）調用時刻為t1，經過50ms後，即在t1+50時，定時器代碼的javascript任務會被加入UI隊列，但不一定立即執行。
4. otherOperate();
5. }

如果，otherOperate函數的執行時間超過50ms，則定時器代碼會在click事件完成前被加入UI隊列，在otherOperate函數執行完成後，立即調用定時器裡的代碼，甚至察覺不出延遲。 
註：定時器代碼只有在建立它的函數執行完成後，才有可能被執行 
而且，定時器代碼會重設瀏覽器所有相關的設定，包括長時間運行指令碼定時器，調用棧的大小。所以，這一特性使得定時器成為長時間運行js代碼的理想解決方案。

定時器解決js長時間運行指令碼問題