Comment retarder l'animation jquery?

Question

Je n'arrive pas à retarder l'affichage d'un div. Je veux retarder l'animation d'environ 20 secondes est-ce possible ???

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

Answer 1

Essayez ceci:

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

ou ceci:

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

La raison est que .delay() ne fera que retarder les éléments dans une file d'attente d'animation. Donc, vous pouvez faire .show() une courte animation en ajoutant une durée de '0', ou l'ajouter à la file d'attente avec .queue().

Answer 2

Vous pouvez le faire comme ceci:

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

Le problème avec .delay() et .show() (sans durée), est que .show() n'est pas une animation, il est un effet immédiat qui est pas sur la file d'attente fx à tout. Vous pouvez cependant lui donner une durée, comme ceci:

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