javascript - all - removeattribute jquery
retrasar los efectos de JQuery (6)
Anteriormente harías algo como esto
$(''#foo'').animate({opacity: 1},1000).fadeOut(''slow'');
La primera animación no está haciendo nada porque ya tienes opacidad 1 en el elemento, pero se detendría por un tiempo.
En jQuery 1.4, han incorporado esto en el marco para que no tengas que usar el hack como se muestra arriba.
$(''#foo'').delay(1000).fadeOut(''slow'');
La funcionalidad es la misma que la del plugin jQuery.delay() original http://www.evanbot.com/article/jquery-delay-plugin/4
Quiero atenuar un elemento y todos sus elementos secundarios después de un retraso de unos segundos. pero no he encontrado una manera de especificar que un efecto debería comenzar después de un retraso de tiempo especificado.
He escrito un complemento para que pueda agregar un retraso en la cadena.
por ejemplo $ (''# div''). fadeOut (). delay (5000) .fadeIn (); // fundido el elemento, espera 5 segundos, vuelve a fundir el elemento.
No usa hacks de animación ni encadenamiento de devolución de llamada excesivo, simplemente limpia el código corto.
La mejor forma es usar el método de retardo jQuery:
$ (''# my_id''). delay (2000) .fadeOut (2000);
Puede evitar usar setTimeout utilizando el método fadeTo () y establecer un retraso de 5 segundos en eso.
$("#hideAfterFiveSeconds").click(function(){
$(this).fadeTo(5000,1,function(){
$(this).fadeOut("slow");
});
});
yo uso este complemento de pausa que acabo de escribir
$.fn.pause = function(duration) {
$(this).animate({ dummy: 1 }, duration);
return this;
};
Llámalo así:
$("#mainImage").pause(5000).fadeOut();
Nota: no necesita una devolución de llamada.
Editar: Ahora debería usar jQuery 1.4. construido en el método de delay () No lo he comprobado pero supongo que es más "más inteligente" que mi complemento.
setTimeout(function() { $(''#foo'').fadeOut(); }, 5000);
El 5000 es cinco segundos en milisegundos.