jQuery image src每8秒更改一次

Question

我有一个ID为header的div，ID是这个ID中发现的第一个每8秒更改一次的图像。图像名称为image1.jpg，在8秒钟后，id希望它将图像1更改为图像2，然后在另外8秒钟后恢复为图像1，依此类推。

在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);