遅延をJavaScriptに入れよう

Question

Javascriptコードに約100ミリ秒の遅延を追加する必要がありますが、windowオブジェクトのsetTimeout関数を使用したくないため、ビジーループを使用したくありません。誰にも何か提案はありますか？

Answer 1

は残念ながら、setTimeout()は、UIをブロックすることなく、スクリプトの実行を一時停止するだけ信頼できる道（いない唯一の方法が、唯一信頼できる方法）です。

それは、ハードを実際に使用することはありません代わりに、これを書いている：

var x = 1; 

// Place mysterious code that blocks the thread for 100 ms. 

x = x * 3 + 2; 
var y = x/2; 

あなたはそれをこのように書き換えることsetTimeout()を使用します。

var x = 1; 
var y = null; // To keep under proper scope 

setTimeout(function() { 
    x = x * 3 + 2; 
    y = x/2; 
}, 100); 

私はsetTimeout()を使用すると、より多くの思考を伴うことを理解し望ましいsleep()機能ですが、残念ながら後者は存在しません。このような機能を実装しようとする多くの回避策があります。使用中のループを使用するもの：

他using an XMLHttpRequest tied with a server script that sleeps for a amount of time before returning a result

残念ながら、これらは回避策であり、他の問題（フリーズブラウザなど）が発生する可能性があります。推奨されている方法である「setTimeout()」を貼り付けることをお勧めします。

Answer 2

This threadは良い議論と有益なソリューションを持っています

function pause(iMilliseconds) 
{ 
    var sDialogScript = 'window.setTimeout(function() { window.close(); }, ' + iMilliseconds + ');'; 
    window.showModalDialog('javascript:document.writeln ("<script>' + sDialogScript + '<' + '/script>")'); 
} 

は、残念ながら、IEの一部のバージョンでは動作しないことが表示されますが、それがあることが判明した場合、スレッドは、他の多くの立派な提案を持っていますあなたのための問題。

Answer 3

実際にはsetTimeoutのみがそのジョブで問題ありません。通常、特定されていない方法でビジーループとして正確な遅延を設定することはできません。

Answer 4

私はこの問題を適切に解決する必要があっただけです。

Ajax経由で、スクリプトはX（0-10）メッセージを取得します。 私がしたかったこと： 10秒ごとに1つのメッセージをDOMに追加します。

私がなってしまっコード：

$.each(messages, function(idx, el){ 
    window.setTimeout(function(){ 
    doSomething(el); 
    },Math.floor(idx+1)*10000); 
}); 

基本的には、スクリプトの「タイムライン」としてタイムアウトを考えます。

これは、私たちがコードに何をしたいです：

DoSomething(); 
WaitAndDoNothing(5000); 
DoSomethingOther(); 
WaitAndDoNothing(5000); 
DoEvenMore(); 

これは我々がJavaScriptにITを伝える必要があります方法です：

At Runtime 0 : DoSomething(); 
At Runtime 5000 : DoSomethingOther(); 
At Runtime 10000: DoEvenMore(); 

・ホープ、このことができます。

Answer 5

phpページを同期して呼び出すAJAX関数を使用し、そのページで遅延として機能するphp usleep（）関数を置くことができます。

function delay(t){ 

var xmlhttp; 

if (window.XMLHttpRequest) 

{// code for IE7+, Firefox, Chrome, Opera, Safari 

xmlhttp=new XMLHttpRequest(); 

} 

else 

{// code for IE6, IE5 

xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 

} 

xmlhttp.open("POST","http://www.hklabs.org/files/delay.php?time="+t,false); 

//This will call the page named delay.php and the response will be sent to a division with ID as "response" 

xmlhttp.send(); 

document.getElementById("response").innerHTML=xmlhttp.responseText; 

} 

http://www.hklabs.org/articles/put-delay-in-javascript