¿Cómo demorar la animación de jquery?

Question

Parece que no puedo retrasar la presentación de un div. Quiero retrasar la animación en unos 20 segundos, ¿es esto posible?

$("#microcharcounter").delay(10000).show(); 

Answer 1

Prueba esto:

$("#microcharcounter").delay(10000).show(0); 

o esto:

$("#microcharcounter").delay(10000).queue(function(n) { 
    $(this).show(); 
    n(); 
}); 

La razón de esto es que sólo se retrasará .delay() artículos en una cola de animación. Para que pueda hacer .show() una animación corta agregando una duración de '0', o agregarla a la cola con .queue().

Answer 2

Puede hacerlo de esta manera:

setTimeout(function() { 
    $("#microcharcounter").show(); 
}, 20000); 

El problema con .delay() y .show() (sin duración), es que .show() no es una animación, que es un efecto inmediato que no está en la cola de fx en todas. Sin embargo, puede darle una duración, como esta:

$("#microcharcounter").delay(20000).show("fast");