1. ホーム
  2. jquery

[解決済み] jquery function setInterval

2022-03-10 10:13:33

質問

$(document).ready(function(){

    setInterval(swapImages(),1000);

    function swapImages(){

        var active = $('.active'); 
        var next = ($('.active').next().length > 0) ? $('.active').next() : $('#siteNewsHead img:first');

        active.removeClass('active');
        next.addClass('active');
    }
});

divの中に13枚の画像が入っています。最初の1枚はactiveというクラスを持っていて、これは表示されていることを意味します。

swap images関数は、アクティブな画像を選択して非表示にし、次の画像をアクティブにします。

しかし、ページを読み込むと、この関数はループするのではなく、一度だけ正しく動作します。

何か思い当たることはありますか?

解決方法は?

これは、関数を参照せずに実行しているためです。実行する必要があります。

  setInterval(swapImages,1000);