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() 调用周围添加双引号，它只会显示“Sale is not Defined”。

为什么这些都不起作用？

我想做的就是让 div 在页面加载后 3 秒出现。

Answer 1

在你的第一个解决方案中，似乎 jQuery 甚至没有加载。

在第二个代码中，您必须执行 setTimeout(sale, 3000); （省略括号），因为使用它们，您将使用 sale( 的 return 调用 setTimeout )，这是未定义。

Answer 2

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

Answer 3

如果是 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 4

您需要排队才能让 delay() 工作。

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

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

});

查看它。

Patrick Dw 在评论中告知，如果您的下一个方法链是动画，则不需要位于 queue() 中。请参阅他的 JSFiddle。

Answer 5

setTimeout(sale, 3000);

之前，您传递 setTimeout 来自 sale 的返回值。这传递了实际的功能。