delay Effetti JQuery

Question

Desidero sfumare un elemento e tutti i relativi elementi figlio dopo un ritardo di alcuni secondi. ma non ho trovato un modo per specificare che un effetto debba iniziare dopo un intervallo di tempo specificato.

Answer 1

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

Il 5000 è cinque secondi in millisecondi.

Answer 2

È possibile evitare l'uso di setTimeout usando il metodo fadeTo() e impostando un ritardo di 5 secondi su quello.

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

Answer 3

Io uso questo plugin di pausa che ho appena scritto

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

chiamare in questo modo:

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

Nota: non è necessario un callback.

---

Edit: Ora si dovrebbe utilizzare il metodo jQuery 1.4. built in delay(). Non ho controllato ma presumo che sia più 'intelligente' del mio plugin.

Answer 4

Ho scritto un plug-in per consentire di aggiungere un ritardo alla catena.

ad esempio $ ('# div'). FadeOut(). Delay (5000) .fadeIn(); // dissolvenza dell'elemento, attendere 5 secondi, dissolvenza dell'elemento.

Non utilizza alcun hack di animazione o concatenamento di callback eccessivo, solo un semplice codice breve pulito.

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

Answer 5

In precedenza si farebbe qualcosa di simile

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

Il primo animato non sta facendo nulla dal momento che si dispone già di opacità 1 sull'elemento, ma sarebbe una pausa per la quantità di tempo .

In jQuery 1.4, hanno integrato questo framework nel framework in modo da non dover utilizzare l'hack come sopra.

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

La funzionalità è la stessa come l'originale jQuery.delay() plug http://www.evanbot.com/article/jquery-delay-plugin/4

Answer 6

Il modo migliore è quello di utilizzare il metodo di ritardo di jQuery:.

$ ('# my_id') ritardo (2000). fadeOut (2000);