función wait() o sleep() en jquery?

Question

Quiero agregar una clase, esperar 2 segundos y agregar otra clase.

.addClass("load").wait(2sec).addClass("done"); 

¿Hay alguna manera?

Answer 1

setTimeout ejecutará algún código después de un retraso de un cierto período de tiempo (medido en milisegundos). Sin embargo, una nota importante: debido a la naturaleza de Javascript, el resto del código continúa funcionando después de que el temporizador está configurado:

$('#someid').addClass("load"); 

setTimeout(function(){ 
    $('#someid').addClass("done"); 
}, 2000); 

// Any code here will execute immediately after the 'load' class is added to the element. 

Answer 2

Hay una función, pero es extra: http://docs.jquery.com/Cookbook/wait

Este pequeño fragmento de código le permite esperar:

$.fn.wait = function(time, type) { 
    time = time || 1000; 
    type = type || "fx"; 
    return this.queue(type, function() { 
     var self = this; 
     setTimeout(function() { 
      $(self).dequeue(); 
     }, time); 
    }); 
}; 

Answer 3

Eso sería .delay().

http://api.jquery.com/delay/

Si usted está haciendo AJAX Tho cosas, que realmente debería no sólo de auto escritura "hecho" que realmente debe esperar una respuesta y ver si en realidad está hecho.

Answer 4

cuenta de que esto es una vieja pregunta, pero me escribió un plugin para hacer frente a esta problema que alguien pueda encontrarle útil.

https://github.com/madbook/jquery.wait

le permite hacer esto:

$('#myElement').addClass('load').wait(2000).addClass('done'); 

Answer 5

Usando la función setTimeout, por ejemplo Visit here for example

Answer 6

retardo() no va a hacer el trabajo. El problema con la demora() es que forma parte del sistema de animación y solo se aplica a las colas de animación.

¿Qué sucede si quiere esperar antes de ejecutar algo fuera de la animación?

Utilice esta:

window.setTimeout(function(){ 
       // do whatever you want to do  
        }, 600); 

¿Qué ocurre ?: En este escenario se espera 600 milisegundos antes de ejecutar el código especificado dentro de las llaves.

¡Esto me ayudó mucho una vez que lo descubrí y espero que te ayude también!