DIV CSS 佈局教程網

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，代碼是這樣：

復制代碼 代碼如下:
function sleep(msec) {
    var k = function_continuation;
    setTimeout(function() { resume k <- mesc; }, msec);
    suspend;
}

這個語法更嚇人了，而且還是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 ，也確實有些很蹩腳的解決方案:

最簡單也最糟糕的方法就是寫一個循環，代碼可能如下：

復制代碼 代碼如下:
function sleep(numberMillis) {
    var now = new Date();
    var exitTime = now.getTime() + numberMillis;
    while (true) {
        now = new Date();
        if (now.getTime() > exitTime)
            return;
    }
}

如上的代碼其實並沒有讓腳本解釋器sleep下來，而且有讓CPU迅速上到高負荷的附作用。浏覽器甚至會在該段時間內處於假死狀態。

其二有聰明人利用IE特殊的對話框實現來曲徑通幽，代碼可能如下：

復制代碼 代碼如下:
function sleep(timeout) {
 window.showModalDialog("javascript:document.writeln('<script>window.setTimeout(function () { window.close(); }, " + timeout + ");<\/script>');");
}window.alert("before sleep ...");
sleep(2000);
window.alert("after sleep ...");

缺點不用多說，只有IE支持(IE7因為安全限制也而不能達到目的)。

除上之外，還有利用Applet或者調用Windows Script Host的WScript.Sleep()等等鬼點子，這些都是萬不得已的權宜之計。

終於有了更聰明的人，開發出了也許是最佳的方案，先看代碼：

復制代碼 代碼如下:
function sleep(millis) {
    var notifier = NjsRuntime.createNotifier();
    setTimeout(notifier, millis);
    notifier.wait->();
}

沒錯，看到 ->() 這樣的語法，就象剛看到Prototype的 $() 函數一樣讓我驚為天人。不過直接在浏覽器中這段腳本是會報告語法錯誤的。實際上它們需要經過預編譯成客戶端浏覽器認可的JavaScript。編譯後的腳本如下：

復制代碼 代碼如下:
function sleep(millis){
var njf1 = njen(this,arguments,"millis");
nj:while(1) {
try{switch(njf1.cp) {
case 0:njf1._notifier=NjsRuntime.createNotifier();
setTimeout(njf1._notifier,njf1._millis);
njf1.cp = 1;
njf1._notifier.wait(njf1);
return;
case 1:break nj;
}} catch(ex) {
if(!njf1.except(ex,1))
return;
}}
njf1.pf();
}

我看不懂，也不想去看懂了。這些工作全部會由 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>