Come ritardare l'animazione jquery?

Question

Non riesco a ritardare la visualizzazione di un div. Voglio ritardare l'animazione di circa 20 secondi è possibile?

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

Answer 1

Prova questo:

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

o questo:

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

La ragione di questo è che .delay() ritarderà solo gli elementi in una coda di animazione. Puoi quindi creare .show() una breve animazione aggiungendo una durata di "0" o aggiungerla alla coda con .queue().

Answer 2

Si può fare in questo modo:

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

Il problema con .delay() e .show() (senza durata), è che .show() non è un'animazione, è un effetto immediato che non è sulla coda fx a tutti. Puoi comunque dargli una durata, come questa:

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