delay - 如何在 FADEIN 中添加延迟

Question

所以，我有这个：

$('header').fadeIn(1000, function() {
    // Animation complete
});

$('#intro').fadeIn(3000, function() {
    // Animation complete
});

现在我想让第二个稍后进来，所以延迟一下。但是我把它放在代码的什么地方呢？

编辑：知道了，谢谢！

Answer 1

jQuery 为每个元素维护一个效果队列。您正在为 2 个元素设置动画，以便它们同时触发。

更多信息：http ://api.jquery.com/queue/

您可以嵌套函数，但如果您想要 10 个效果，这将变得很困难。

这是一个很好的解决方案：

https://stackoverflow.com/a/11354378/907253

Answer 2

如果你想在第一个动画之后开始第二个动画，你应该这样做

$('header').fadeIn(1000, function() {
    $('#intro').fadeIn(3000, function() {
    // Animation complete
   });
});