JavaScriptでsleepの実装を試みる

『ぼくはまちちゃん！(Hatena) - デブサミ』というところで、

JavaScriptで、sleep

という話が出ているのを見かけ、そういえば1年程前のJavaScript触りはじめの頃に私も調べたなぁ……と懐かしく思い出されました……けれども、あれ、結局方法見付けたんだっけ？

確か、setTimeout()を駆使して実装している例を見つけた記憶があるのですが(当時はさっぱりわからなかった)、いま検索してもそれらしいのが見当たらない……。

で、それならと自分でも考えてみました。

すぐ思いつくのは、単純にループで時刻をポーリングする方法。

function    JSleep_NowaitLoop( sec ) {
    var startTime = (new Date()).getTime() ;
    var stopTime = startTime + Math.floor(1000*sec) ;
    for (;;) {
        var curTime = (new Date()).getTime() ;
        if ( stopTime <= curTime ) break ;
    }
}   //  end of JSleep_NowaitLoop()

でもこれだと、CPUに負荷がかかりすぎて、最近のブラウザだと警告ダイアログが出てしまいそう。

CPU負荷を軽くするため、なんとかイベント待ち状態を作れないかな、と思って、『そうそう、ダイアログ表示中は待ち状態になるや』と、IE で showModalDialog() を使ってモーダルダイアログを呼出し、それが指定時間で閉じるような実装をしてみるものの、

1. ダイアログを非表示に出来ない(方法がわからない)。
2. そもそもIEでしか動かない。

ということで、どうも今ひとつ。

で、最後に、ネットワークの伝送速度に着目。
要は、

1. 適当なファイルをXMLHttpRequestで取得。
2. XMLHttpRequestは同期モードで使用(Sjax……だっけ？)。

とすることで、ファイル取得時のリクエスト～レスポンスの間、CPUが待ち状態になることを利用しよう、と。

var JSleepDummyFile = './JSleep.js' ;

function    JSleep( sec ) {
    var startTime = (new Date()).getTime() ;
    var stopTime = startTime + Math.floor(1000*sec) ;
    for (;;) {
        var xmlHttpObj = null ;
        if ( typeof ActiveXObject != "undefined" ) {
            var msXml = [ 'Msxml2.XMLHTTP', 'Microsoft.XMLHTTP' ] ;
            for ( var ci=0; ci < msXml.length; ci++ ) {
                xmlHttpObj = new ActiveXObject( msXml[ci] ) ;
                if ( xmlHttpObj ) break ;
            }
        }
        else if ( typeof XMLHttpRequest != "undefined" ) {
            xmlHttpObj = new XMLHttpRequest() ;
        }
        if ( !xmlHttpObj ) break ;
        for (;;) {
            var curTime = (new Date()).getTime() ;
            if ( stopTime <= curTime ) break ;
            xmlHttpObj.open( 'GET', JSleepDummyFile + '?time=' + curTime, false ) ;
            xmlHttpObj.send( null ) ;
        }
        break ;
    }
}   //  end of JSleep()

こんな感じ。

伝送速度によって負荷が変わりそうだし誤差も大きいけれど、まぁ一応動作する(WinXP SP2上のIE6(Sleipnir)・Firefox2・Opera9で確認)……もっとも今はナローバンドなので、ブロードバンドでは試せないのだけれど。

動作サンプルはこちら。