如何在FADEIN中放置DELAY

Question

所以，我有这个：

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

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

现在我希望第二个进入以后，所以延迟。但是在代码中我把它放在哪里？

编辑：知道了，谢谢！

Answer 1

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

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

Answer 2

jQuery维护每个元素的效果队列。您正在制作2个元素的动画，以便它们同时触发。

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

你可以嵌套这些功能，但是如果你想要10种效果那就很困难。

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

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