jQuery圖像src每8秒更改一次

Question

我有一個標題ID的div，id是這個id中第一個每8秒更改一次的圖像。 圖像名稱是image1.jpg，並且在8秒之后id將它改變為image1然后在另外8秒之后恢復到image1，依此類推。

在div中找到第一張圖像的路線是否有點長，我將如何處理其余的？ 例如讓src每8秒更換一次？ 非常感謝

Answer 1

你可以試試

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

功能演示： 小提琴 （注意：這不適用於圖像，但只是所用技術的演示。請檢查控制台以查看src值）

Answer 2

假設第一個圖像是image1.jpeg然后在第一次運行時你得到它是2所以使用++i先增加然后使用字符串中的var

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

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