どのようにjavascriptで睡眠をするには？

Question

次の行がシステムによって読み込まれる前に、どうすればjavascriptでスリープ状態にすることができますか？

例：この例では

1 var chkResult = Validation(); 
    2 //sleep here for for 10 sec before the next line been read  
    3 
    4 document.getElementById('abc').innerHTML = chkResult; 

、どのように私はそれが4行目を読み続けて前にjavascriptの睡眠が/ 10秒間のライン2で待つことができますか？私はsetTimeout（ ''、10000）を試みました。それはまだ私のために働いていないようですですが...

Answer 1

I Have the Hatは正しいヒントを与えています。 10秒後に述べラインのコードを実行するsetTimeout methodを使用します。

var chkResult = Validation(); 
var timeout = window.setTimeout(function() { 
    document.getElementById('abc').innerHTML = chkResult; 
}, 10000); 

変数にタイムアウトIDを保存あなたはclear a timeoutする場合は便利です。

Answer 2

は、最初の引数は、関数を期待

setTimeout(function() { return true; }, 10000); 

を試してみてください。これはメモリからのものです。私はそれをテストしていない。

編集： Gumboが言ったことは...遅いところです...私が何を考えているのかわかりません。

Answer 3

setTimeoutは、JavaScriptインタープリタ内で別の実行「スレッド」を開始します。その関数に関数を渡して、関数をsetTimeoutが実行するようにスクリプトを設計する必要があります。これは、呼び出し関数が中断された場所で継続するため、スリープをシミュレートします。

Answer 4

JavaScriptがブラウザに制御を戻さない限り、遅延が発生しないので、setTimeoutが始まる前に4行目が実行されます。

すべてのイベントをイベントに基づいて行う必要があります。

Answer 5

私は、一般的な解決策としてこれを提案することができる：使用の

function sleep (ms, args, obj) { 
    /* Called at the top of a function to invoke a delay in processing that 
     function 

     Returns true if the function should be executed, and false if the sleep 
     timer is activated. 

     At the end of the sleep tiemout, the calling function is re-called by 
     calling it with "apply (obj, args || [])". 
    */ 

    var caller = sleep.caller; 
    if (caller.sleepTimer) { 
     /* if invoked from timeout function, delete timer and return false */ 
     delete caller.sleepTimer; 
     return true; 
    } 

    /* Create timer and re-call caller at expiry */ 
    caller.sleepTimer = window.setTimeout (function() { 
     caller.apply (obj || null, args || []); 
    },ms); 

    return false; 
    }  

例：オペラとFirefoxでテスト

function delayed() { 
    if (!sleep (5000)) return; 

    document.body.innerHTML += "<p>delayed processing</p>"; 
} 

function delayed_args (a, b) { 
    if (!sleep (10000, arguments)) return; 

    document.body.innerHTML += "<p>args : (" + a + ", " + b + ")</p>"; 
} 

function delayed_method_args (a,b) { 
    if (!sleep (20000, arguments, this)) return; 

    document.body.innerHTML += "<p>method_args " + this + " (" + a + ", " + b + ")</p>"; 
} 

3.0

Answer 6

1 var chkResult = Validation(); 
    2 alert("wait ten seconds, then press ok"); 
    3  
    4 document.getElementById('abc').innerHTML = chkResult; 

先行コードを委譲睡眠タスクを並列プロセッサに転送します。このスタイルのスレッドにはDSLを使用する必要があるため、これはちょっと面倒です。

Answer 7

Javascriptはスレッドをブラウザと共有する必要があります。そのため、ブラウザが10秒間フリーズしたように見えます。 「アラート」や「プロンプト」などの機能がこれを行います。このため、ループ内の単一のアラートがブラウザ全体を無意味にする可能性があり、強制的に終了させる唯一の方法があるため、それらは悪です。

この問題を回避する方法は、イベントベースのパラダイムです。 Javascriptにはファーストクラスの関数があるため、特定のイベントに割り当てることができる「コールバック」の値として渡すことができます。

setTimeoutはそのようなイベントの1つです。他の人はコードを投稿していますが、一般的には、特定のイベントに関数を割り当ててから、ブラウザから抜け出してブラウザービジネスを行うことができます。ブラウザは何かが起こった時にあなたに知らせます、そして、あなたは応答してすぐに適切な何かをすばやくしてから、やり直してください。このようにして、ブラウザは応答性の外観を維持することができます。

あなたは、もっと知りたいこの質問を見ている場合： How is GUI and Game Program Flow compared to Web programs

Answer 8

が、この方法をJavaScriptでライン4