Verzögerung JQuery-Effekte

Question

Ich möchte ein Element und alle untergeordneten Elemente nach einer Verzögerung von ein paar Sekunden ausblenden. Ich habe jedoch keine Möglichkeit gefunden, anzugeben, dass ein Effekt nach einer bestimmten Zeitverzögerung gestartet werden soll.

Answer 1

setTimeout(function() { $('#foo').fadeOut(); }, 5000); 

Der 5000 ist fünf Sekunden in Millisekunden.

Answer 2

Sie können die Verwendung von setTimeout vermeiden, indem Sie die Methode fadeTo() verwenden und eine Verzögerung von 5 Sekunden einstellen.

$("#hideAfterFiveSeconds").click(function(){ 
    $(this).fadeTo(5000,1,function(){ 
    $(this).fadeOut("slow"); 
    }); 
}); 

Answer 3

ich benutze diese Pause Plugin Ich schrieb

$.fn.pause = function(duration) { 
    $(this).animate({ dummy: 1 }, duration); 
    return this; 
}; 

Nennen Sie es wie folgt aus:

$("#mainImage").pause(5000).fadeOut(); 

Hinweis: Sie keinen Rückruf benötigen.

---

Edit: Sie sollten nun die jQuery 1.4. built in delay() Methode verwenden. Ich habe nicht überprüft, aber ich nehme an, es ist "klüger" als mein Plugin.

Answer 4

Ich habe ein Plugin geschrieben, mit dem Sie eine Verzögerung in die Kette einfügen können.

zum Beispiel $ ('# div'). FadeOut(). Delay (5000) .fadeIn(); // Element ausblenden, 5 Sekunden warten, Element wieder einblenden.

Es werden keine Animations-Hacks oder übermäßige Callback-Verkettung verwendet, nur ein einfacher sauberer Kurzcode.

http://blindsignals.com/index.php/2009/07/jquery-delay/

Answer 5

Zuvor würden Sie so etwas wie diese

$('#foo').animate({opacity: 1},1000).fadeOut('slow'); 

tun Die erste belebt nichts zu tun, da Sie bereits Opazität 1 auf dem Elemente, aber es würde für die Zeit anhalten .

In jQuery 1.4 haben sie dies in das Framework integriert, so dass Sie den Hack nicht wie oben verwenden müssen.

$('#foo').delay(1000).fadeOut('slow'); 

Die Funktionalität ist das gleiche wie das Original jQuery.delay() Plugin http://www.evanbot.com/article/jquery-delay-plugin/4

Answer 6

Der beste Weg, mit Hilfe der jQuery Verzögerung Methode ist:.

$ ('# my_id') Verzögerung (2000). fadeOut (2000);