我如何重疊jQuery中的fadeIn（）div？

Question

Here's a templated fiddle that fades in 6 divs sequentially。

我怎樣才能使淡入淡出重疊？我想讓下一個div在第一個淡入淡出的時候開始淡入淡出。

也許我必須將fadeIn（）分成2個淡入淡出的一半，然後淡出其餘的方式？

Answer 1

.fadeIn('slow')的持續時間的一半是600毫秒，所以你可以做的是做一個300毫秒的延遲。

你應該用下面的.delay這樣更簡單的方式寫下來，你可以把300改成其他數字來配置速度。

var i=1; 
for (i = 1; i <= 6; i++) { 
    $('#div' + i).delay((i-1)*300).fadeIn('slow'); 
} 

Answer 2

或者你可以使用setTimeout用時間是用於fadeIn