Comment différer une animation (dans jquery)

Question

Comment puis-je déclencher un slideUp(); avec un démarrage différé, mais qui ne force pas le reste du code à attendre qu'il ait fini avant de progresser. Par exemple: Un bouton est enfoncé et 1 seconde plus tard une boîte disparaît, mais jquery fonctionne encore pendant cette seconde.

Answer 1

Voir ce previous SO question sur exactement le même sujet.

setTimeout(function() { /* code to run */ }, delay_time_in_milliseconds); 

Answer 2

Vous pouvez utiliser la fonction setTimeout() de Javascript pour cela.

E.g.

setTimeout(function() { $('#someid').slideUp(); }, 1000); // 1000ms = 1sec. 

Answer 3

Vous pouvez utiliser la méthode .delay() de jQuery pour la file d'attente des animations.

$('#el').delay(1000).slideUp(); 

Si vous voulez retarder quelque chose d'autre, puis utilisez intégré setTimeout() fonction de JavaScript.

setTimeout(function() { 
    // code to be executed 
}, 1000); 

Notez que vous devez spécifier le délai en millisecondes dans les deux cas. 1000 ms = 1 s.