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調用（缺少引號）。 如果我在sale()調用周圍添加雙引號，它只是說“銷售沒有定義”。

為什么這些都不起作用？

我要做的就是在加載頁面3秒后顯示div。

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();

});

看見。

如果您的下一個方法鏈是動畫， Patrick Dw已經在評論中告知您不需要在queue() 。 看他的JSFiddle 。

Answer 3

setTimeout(sale, 3000);

之前，您傳遞了setTimeout來自sale的返回值。 這傳遞了實際功能。

Answer 4

在你的第一個解決方案中，似乎jQuery甚至沒有加載。

在第二個代碼中你必須做setTimeout(sale, 3000); （省略括號），因為有了它們，你使用sale()的返回來調用setTimeout，這是undefined 。

Answer 5

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