Mettre un retard en Javascript

Question

Je dois ajouter un délai d'environ 100 milisecondes à mon code Javascript mais je ne veux pas utiliser la fonction setTimeout de l'objet window et je ne veux pas utiliser une boucle occupée. Est-ce que quelqu'un a des suggestions?

Answer 1

Malheureusement, setTimeout() est le seul moyen fiable (pas la seule façon, mais le seul moyen fiable ) pour mettre en pause l'exécution du script sans bloquer l'interface utilisateur.

Il est pas difficile à utiliser en fait, au lieu d'écrire ceci:

var x = 1; 

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

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

vous utilisez setTimeout() de réécrire cette façon:

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

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

Je comprends que l'utilisation setTimeout() implique plus la pensée qu'un fonction souhaitable sleep(), mais malheureusement, le plus tard n'existe pas. Beaucoup de solutions de contournement sont là pour essayer de mettre en œuvre de telles fonctions. Quelques boucles en utilisant occupées:

function sleep(milliseconds) { 
    var start = new Date().getTime(); 
    for (var i = 0; i < 1e7; i++) { 
    if ((new Date().getTime() - start) > milliseconds){ 
     break; 
    } 
    } 
} 

autres using an XMLHttpRequest tied with a server script that sleeps for a amount of time before returning a result. Malheureusement, ce sont des solutions de contournement et sont susceptibles de causer d'autres problèmes (tels que la congélation des navigateurs). Il est recommandé de coller simplement avec la manière recommandée, qui est setTimeout()).

Answer 2

This thread a une bonne discussion et une solution utile:

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

Malheureusement, il semble que cela ne fonctionne pas dans certaines versions de IE, mais le fil a beaucoup d'autres propositions dignes si cela se révèle être un problème pour vous.

Answer 3

En fait, seul le setTimeout convient à ce travail et normalement, vous ne pouvez pas définir des délais exacts avec des méthodes non déterminées comme des boucles occupées.

Answer 4

J'ai juste eu un problème où j'avais besoin de résoudre cela correctement.

Via Ajax, un script reçoit des messages X (0-10). Ce que je voulais faire: Ajouter un message au DOM toutes les 10 secondes.

le code j'ai fini avec:

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

En fait, penser aux délais d'attente en tant que "timeline" de votre script.

C'est ce que nous voulons code:

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

C'est COMMENT NOUS AVONS BESOIN DE LUI DIRE LE JAVASCRIPT:

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

Hope this helps.

Answer 5

Utilisez une fonction AJAX qui appellera une page php de façon synchrone, puis dans cette page vous pourrez mettre la fonction php usleep() qui agira comme un retard.

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