javascript - jQueryイメージのsrcは8秒ごとに変更されます

Question

ヘッダーの ID を持つ div があります。この ID で見つかった最初の画像が 8 秒ごとに変更されるような ID です。イメージ名は image1.jpg で、8 秒後にイメージ 1 をイメージ 2 に変更し、さらに 8 秒後にイメージ 1 に戻します。

divなどで最初の画像を見つけるルートは少し長く、残りはどうすればいいですか? たとえば、src を 8 秒ごとに変更するにはどうすればよいですか? 大変助かります

Answer 1

最初の画像がimage1.jpegであると仮定すると、最初の実行時に2になるため、++i最初にインクリメントしてから文字列でvarを使用します

var i = 0;
setInterval(function() { 
     if(i == 2) i=0;

     $('#imageID').attr('src', 'image' + (++i) + '.jpeg' );
}, 8000);

Answer 2

あなたが試すことができます

var $img = $('div#header img').first();
var flag = false;
setInterval(function(){
    $img.attr('src', 'image' + (flag ? 1 : 2) + '.jpeg' );
    flag = !flag;
}, 8000);

Functional Demo: Fiddle (注: これは画像では機能しませんが、使用されている手法のデモです。src値を確認するにはコンソールを確認してください)