jquery - jQuery 連続フェードイン フェードアウト ループ

Question

私はこのコードを持っていますが、今は一度しか実行されません..ユーザーのためにdomがロードされたら、継続的に実行する必要があります. これについてどうすればよいかわからない...ありがとう。

$('.first').delay(8000).fadeOut('slow', function() {
                $('.second').fadeIn();
            })

Answer 1

JavaScriptsetInterval関数を使用して、次のことを行うことができます。

setInterval(delayFunction, 8000);

function delayFunction() {
   $('.first').fadeOut('slow', function() {
       $('.second').fadeIn();
   })
}

Answer 2

要素もフェードアウトしたいと思います。そうでない場合は、1 レベルだけ深くしてから、関数を再度呼び出します。

$(document).ready(fadeIn);

function fadeRepeat()
{
    $('.first').delay(8000).fadeOut('slow', function() {
          $('.second').fadeIn(function() {
                $('.first').fadeIn('slow', function() {
                     $('.second').fadeOut(fadeRepeat());
                }
          });
    });
}

Answer 3

これを試して：

window.setInterval(function(){
     $('.first').fadeOut('slow', function() {
     $('.second').fadeIn()
 });
}, 8000);