2013-04-11 63 views
0

所以,我有這樣的:如何將延遲在淡入

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

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

現在我想以後第二個進來,所以有一個延遲。但是,我在代碼中放置了哪些內容?

編輯:明白了,謝謝!

+0

你說的延遲意味着什麼呢?在第一個完成淡入或僅僅幾秒鐘之後? – tpbowden 2013-04-11 09:56:57

+0

第一個完成淡入後,第二個必須開始。 – Luc 2013-04-11 10:16:32

回答

1

如果你想開始後的第一個第二個動畫,你應該這樣做

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

的jQuery維持的每個元素的效果隊列。你正在動畫2個元素,讓他們同時射擊。

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

您可以嵌套函數,但是這是怎麼回事,如果你想10倍的效果得到困難。

這裏有一個很好的解決方案:

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

+0

嗯,它們仍然同時發射。 '我的隊列'用於什麼?我不應該在某個地方定義它嗎? – Luc 2013-04-11 10:13:38

+0

你說得對。我鏈接了另一個線程的解決方案。 – StarQuake 2013-04-11 11:24:08