jQuery图像src每8秒更改一次

Question

我有一个带有标头ID的div，id就像在这个id中找到的第一个图像每8秒更改一次。图像名称是image1.jpg，在8秒之后ID就像它将image1更改为image2然后再过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);

功能演示：Fiddle（注意：这不适用于图像，只是所用技术的演示。请检查控制台以查看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);