JavaScript setTimeout o retraso jQuery - ni están trabajando para mí

Question

Tengo un div como esto

<div id="sale"> 
    ........ 
</div> 

y traté de usar tanto

$('#sale').delay(3000).slideDown(500); 

y

setTimeout(sale(), 3000); 

function sale() { 
    $('#sale').slideDown(500); 
} 

pero tampoco de ellos están trabajando. El retraso de jQuery dice que $('#sale').delay() no es una función mientras que setTimeout dice inútil setTimeout llamada (comillas faltantes). Si agrego comillas dobles en la llamada sale(), solo dice "La venta no está definida".

¿Por qué ninguno de estos funciona?

Todo lo que trato de hacer es hacer que un div aparezca 3 segundos después de que se cargue la página.

Answer 1

En el caso de setTimeout simplemente lo está haciendo mal.

setTimeout(sale(), 3000); // will call sale and use the RETURN value in the callback but sale returns undefined 

Es necesario pasar de una función:

function sale() { 
    $('#sale').slideDown(500); 
} 

setTimeout(sale, 3000); // just pass in the reference to sale() 

Otra posibilidad:

// no difference in this case 
// Note: if it were obj.sale() then you would need to do this version 
//  otherwise sale() will get called with the this set to window 
setTimeout(function(){sale()}, 3000) 

Y por último pero no menos importante:

setTimeout(function() { $('#sale').slideDown(500); }, 3000); 

Answer 2

Debe estar en una cola para que delay() funcione.

$('#sale').queue(function() { 

    $(this).delay(3000).slideDown(500).dequeue(); 

}); 

See it.

Patrick Dw ha informado en los comentarios que no necesita estar en una queue() si su próxima cadena método es una animación. Ver su JSFiddle.

Answer 3

setTimeout(sale, 3000); 

Antes, estabas pasando setTimeout el valor de retorno de sale. Esto pasa la función real.

Answer 4

En su primera solución, parece que jQuery ni siquiera está cargado.

En el segundo código que tiene que hacer setTimeout(sale, 3000); (omitir los paréntesis), ya que con ellos que está llamando setTimeout con el retorno de sale(), que es undefined.

Answer 5

setTimeout("sale();", 3000);