JS中的sleep

function sleep(msec) {
    var k = function_continuation;
    setTimeout(function() { resume k <- mesc; }, msec);
    suspend;
}

编写复杂的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();}

我看不懂，也不想去看懂了。这些工作全部会由 http://ajaxcn.org/theme/images/Icon-Extlink.png js中怎么sleep   js如何让其暂停几秒再继续执行" TITLE="JS中的sleep  js中怎么sleep   js如何让其暂停几秒再继续执行" />Narrative JavaScript ———— 一个提供异步阻塞功能的JS扩展帮我们实现。我们只需要编写之前那个怪异的 ->() 语法， 然后通过后台预先静态编译或者前台动态编译后执行就可以实现 sleep 的效果。

http://ajaxcn.org/theme/images/Icon-Extlink.png js中怎么sleep   js如何让其暂停几秒再继续执行" TITLE="JS中的sleep  js中怎么sleep   js如何让其暂停几秒再继续执行" />Narrative JavaScript 宣称可以让你从头昏眼花的回调函数中解脱出来，编写清晰的Long Running Tasks。目前还是 alpha 的版本，在 http://ajaxcn.org/theme/images/Icon-Extlink.png js中怎么sleep   js如何让其暂停几秒再继续执行" TITLE="JS中的sleep  js中怎么sleep   js如何让其暂停几秒再继续执行" />Example 页面上有一个移动的按钮的范例。首页上也提供了源码下载。以我薄弱的基础知识，我只能勉强的看出代码中模拟了状态机的实现，希望有精通算法的朋友能为我们解析。

最后，还是我一直以来的观点： 除非很必要，否则请保持JavaScript的简单。在JavaScript 能提供原生的线程支持之前，或许我们可以改变设计以避免异步阻塞的应用。

参考文章：

• http://ajaxcn.org/theme/images/Icon-Extlink.png js中怎么sleep   js如何让其暂停几秒再继续执行" TITLE="JS中的sleep  js中怎么sleep   js如何让其暂停几秒再继续执行" />Agile Ajax - Narrative Javascript - Cleaner Code for Long Running Tasks
• http://ajaxcn.org/theme/images/Icon-Extlink.png js中怎么sleep   js如何让其暂停几秒再继续执行" TITLE="JS中的sleep  js中怎么sleep   js如何让其暂停几秒再继续执行" />FAQTs - How do I pause execution in JavaScript?