js中不存在自帶的sleep方法,要想休眠要自己定義個方法
function sleep(numberMillis) { var now = new Date(); var exitTime = now.getTime() + numberMillis; while (true) { now = new Date(); if (now.getTime() > exitTime) return; } }
以下是補充:
除了Narrative JS,jwacs(Javascript With Advanced Continuation Support) 也致力于通過擴展JavaScript語法來避免編寫讓人頭痛的異步調用的回調函數。用jwacs 實現的sleep,代碼是這樣:
這個語法更嚇人了,而且還是java里不被推薦使用的線程方法名。坦白說我傾向于 Narrative JS。
同Narrative JS一樣,jwacs也需要預編譯,預編譯器是用 LISP 語言編寫。目前也是 Alpha 的版本。兩者的更多介紹和比較可以參閱 SitePoint 上的新文章: Eliminating async Javascript callbacks by preprocessing
編寫復雜的JavaScript腳本時,有時會有需求希望腳本能停滯指定的一段時間,類似于 java 中的 Thread.sleep 或者 sh 腳本中的 sleep 命令所實現的效果。
眾所周知,JavaScript 并沒有提供類似于 Java 的線程控制的功能, 雖然有 setTimeout 和 setInterval 兩個方法可以做一些定時執行控制,但并不能滿足所有的要求。一直以來,都有很多人問如何在JavaScript中實現 sleep/pause/wait ,也確實有些很蹩腳的解決方案:
最簡單也最糟糕的方法就是寫一個循環,代碼可能如下:
如上的代碼其實并沒有讓腳本解釋器sleep下來,而且有讓CPU迅速上到高負荷的附作用。瀏覽器甚至會在該段時間內處于假死狀態。
其二有聰明人利用IE特殊的對話框實現來曲徑通幽,代碼可能如下:
缺點不用多說,只有IE支持(IE7因為安全限制也而不能達到目的)。
除上之外,還有利用Applet或者調用Windows Script Host的WScript.Sleep()等等鬼點子,這些都是萬不得已的權宜之計。
終于有了更聰明的人,開發出了也許是最佳的方案,先看代碼:
沒錯,看到 ->() 這樣的語法,就象剛看到Prototype的 $() 函數一樣讓我驚為天人。不過直接在瀏覽器中這段腳本是會報告語法錯誤的。實際上它們需要經過預編譯成客戶端瀏覽器認可的JavaScript。編譯后的腳本如下:
我看不懂,也不想去看懂了。這些工作全部會由 Narrative JavaScript ―――― 一個提供異步阻塞功能的JS擴展幫我們實現。我們只需要編寫之前那個怪異的 ->() 語法, 然后通過后臺預先靜態編譯或者前臺動態編譯后執行就可以實現 sleep 的效果。
Narrative JavaScript 宣稱可以讓你從頭昏眼花的回調函數中解脫出來,編寫清晰的Long Running Tasks。目前還是 alpha 的版本,在 Example 頁面上有一個移動的按鈕的范例。首頁上也提供了源碼下載。以我薄弱的基礎知識,我只能勉強的看出代碼中模擬了狀態機的實現,希望有精通算法的朋友能為我們解析。
最后,還是我一直以來的觀點: 除非很必要,否則請保持JavaScript的簡單。在JavaScript 能提供原生的線程支持之前,或許我們可以改變設計以避免異步阻塞的應用。
有bug的曲折實現
<script type"text/javascript">/*Javascript中暫停功能的實現Javascript本身沒有暫停功能(sleep不能使用)同時 vbscript也不能使用doEvents,故編寫此函數實現此功能。javascript作為弱對象語言,一個函數也可以作為一個對象使用。比如:[code]function Test(){ alert("hellow"); this.NextStep=function(){ alert("NextStep"); }}我們可以這樣調用 var myTest=new Test();myTest.NextStep();我們做暫停的時候可以吧一個函數分為兩部分,暫停操作前的不變,把要在暫停后執行的代碼放在this.NextStep中。為了控制暫停和繼續,我們需要編寫兩個函數來分別實現暫停和繼續功能。暫停函數如下:*/function Pause(obj,iMinSecond){ if (window.eventList==null) window.eventList=new Array(); var ind=-1; for (var i=0;i<window.eventList.length;i++){ if (window.eventList[i]==null) { window.eventList[i]=obj; ind=i; break; } } if (ind==-1){ ind=window.eventList.length; window.eventList[ind]=obj; } setTimeout("GoOn(" + ind + ")",1000);}/*該函數把要暫停的函數放到數組window.eventList里,同時通過setTimeout來調用繼續函數。繼續函數如下:*/function GoOn(ind){ var obj=window.eventList[ind]; window.eventList[ind]=null; if (obj.NextStep) obj.NextStep(); else obj();}/*該函數調用被暫停的函數的NextStep方法,如果沒有這個方法則重新調用該函數。函數編寫完畢,我們可以作如下冊是:*/function Test(){ alert("hellow"); Pause(this,1000);//調用暫停函數 this.NextStep=function(){ alert("NextStep"); }}</script>
新聞熱點
疑難解答