jquery - 5 div のフェードイン、フェードアウト、および最後の div での停止を行うにはどうすればよいですか?

Question

フェードイン、5秒間表示、フェードアウトする各divを探しています。ただし、最後のものでは、ユーザーがコンテンツをナビゲートできるようになるため、停止する (ループしない) ことを探しています。

ありがとう！

Answer 1

divsすべての使用jquery .each()関数をループしてから、fadeinそれぞれdivを 5 秒の遅延でループし、次にfadeout.Ifdivが最後である場合は を防ぐことができfadeoutます。

これが私が思いついたものです

$('#container div').each(function(index){
$(this).fadeIn("fast", function() {

    if(index!=4)
    $(this).delay(5000).fadeOut("slow");


});
});

ライブデモを見る

</p>

Answer 2

これは非常に簡単なはずです - これらを使用してください：

• fadeIn()- http://api.jquery.com/fadeIn/
• fadeOut()- http://api.jquery.com/fadeOut/
• delay()- http://api.jquery.com/delay/

ページの読み込み時、または必要なイベントによってトリガーされる一連のイベントを作成するだけです。