Schlaf in JQuery?

Question

Grüße alle i JQuery Schlaf machen wollen/warten auf eine Sekunde zwischen zwei Funktionen

$('#div1').hide(); 
//sleep or wait or for a sec 
$("#div2").show(); 

, wie dies zu tun?

Answer 1

Für Ihre spezifische Funktion .show() nicht die Warteschlange gestellt wird, aber es gibt einen einfachen Trick es so können Sie .delay(), wie diese verwenden, um die Warteschlange gestellt:

$('#div1').hide(); 
$("#div2").delay(1000).show(0); 

Indem sie eine 0 Dauer Argument, es ist jetzt ein sofortige, aber eingereihte Animation. Darunter verwendet setTimeout(), so ist es im Grunde das gleiche Verhalten wie:

$('#div1').hide(); 
setTimeout(function() { $("#div2").show(); }, 1000); 

Answer 2

Hier geht's!

$('#div1').hide(); 
//sleep or wait or for a sec 
setTimeout('moomoo()', 1000); 

function moomoo() { 
    $("#div2").show(); 
} 

Answer 3

Keine wirkliche Schlaf, aber das wird das gleiche Ziel erreichen:

$('#div1').hide(); 
//sleep or wait or for a sec 
window.setTimeout(function() { $("#div2").show(); }, 1000); 

Edit: na ja, ich jetzt stehe korrigiert zu „echten“ Schlaf, aber die setTimeout mit noch gültig ist „reine JS "Lösung - Ihre Wahl. :)

Answer 4

Folgendes sollte das tun, was Sie wollen:

$("#div1").hide(); 
$("#div2").delay(1000).show(0); 

Answer 5

Sie können die Ausführung des Codes zwischen den Anrufen nicht nur pausieren. Das würde bedeuten, dass der Browser die Änderung, die durch den hide Aufruf verursacht wird, nicht anzeigen wird, da keine Aktualisierungen vorgenommen werden, während der Code ausgeführt wird. Der Code würde scheinbar nichts tun.

Verwenden Sie den setTimeout Methodencode zu planen, zu einem späteren Zeitpunkt ausgeführt werden:

$('#div1').hide(); 
window.setTimeout(function(){ 
    $("#div2").show(); 
}, 1000); 

Dadurch wird das Element gesetzt, wie versteckt und den Code planen, es zu zeigen später zu beginnen. Der Code wird nach dem Aufruf setTimeout fortgesetzt, damit die Funktion beendet werden kann und der Browser die Steuerung zurückerhält, sodass das Element tatsächlich ausgeblendet werden kann.