setouttime - show delay jquery

jQuery delay no funciona

Question

$(''.transparent'').removeClass(''transparent'').delay(2000).addClass(''not_transparent'').delay(4000)

Tengo un div que es semi transparente y luego quiero cambiarlo a no transparente. Pero el jQuery .delay (); El método no parece funcionar aquí. He intentado .fadeIn (); en cambio, y eso funciona con un retraso, pero no funciona con las clases cambiantes.

Answer 1

Sé que esta es una pregunta antigua, pero todavía hay mucho tráfico que viene de google, así que agregaré mis dos centavos;

Podrías usar algo como ...

$(''.transparent'').fadeIn().delay(500).queue(function(){
  $(''.transparent'').addClass(''yourclass'');
});

Puede pasar una función a la cola para ejecutarlas después de la demora. He estado usando esto yo mismo para ejemplos muy similares.

Answer 2

.delay() se usa para elementos que forman parte de una queue , como animaciones. Un simple addClass no está en cola.

Podrías usar setTimeout .

var trans = $(''.transparent'').removeClass(''transparent'');
setTimeout(function() {
    trans.addClass(''not_transparent'');
}, 2000);

Como alternativa, podría agregar el elemento no en cola a la cola mediante .queue() , aunque creo que sería mejor un setTimeout .

$(''.transparent'').removeClass(''transparent'').delay(2000).queue(function(nxt) {
      $(this).addClass(''not_transparent'');
      nxt();
});

Answer 3

.delay() no funciona con la etiqueta .addClass() fuera de una función, así que solo usa:

delay();
function delay(){
     $(''.pgtitle'').delay(5000).fadeIn(0).addClass(''animated bounceInDown'');
}