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

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