Javascript SetTimeout или задержка JQuery - ни работают для меня

Question

У меня есть div как это

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

и я пытался использовать как

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

и

setTimeout(sale(), 3000); 

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

но ни из них работают. Задержка jQuery говорит, что $('#sale').delay() не является функцией, в то время как способ setTimeout говорит бесполезно setTimeout call (отсутствующие кавычки). Если я добавлю двойные кавычки вокруг звонка sale(), он просто говорит: «Продажа не определена».

Почему это не будет работать?

Все, что я пытаюсь сделать, это сделать div, показанный через 3 секунды после загрузки страницы.

Answer 1

В случае setTimeout вы просто делаете это неправильно.

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

Вам необходимо пройти в функции:

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

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

Другая возможность:

// 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) 

И последнее, но не менее важное:

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

Answer 2

Вам необходимо быть в очереди на delay().

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

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

}); 

See it.

Patrick Dw сообщил в комментарии, вам не нужно быть в queue(), если ваш следующий метод цепи анимации. См. Его JSFiddle.

Answer 3

setTimeout(sale, 3000); 

Раньше вы проезжали setTimeout возвращаемое значение sale. Это передает действительную функцию.

Answer 4

В вашем первом решении кажется, что jQuery даже не загружен.

Во второй код, который вы должны сделать setTimeout(sale, 3000); (опустить скобки), потому что с ними вы звоните SetTimeout с возвращением из sale(), который undefined.

Answer 5

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