jQuery 图像 src 每 8 秒更改一次答案

【问题标题】：jQuery image src change every 8 secondsjQuery 图像 src 每 8 秒更改一次
【发布时间】：2013-02-06 17:29:27
【问题描述】：

我有一个带有标题 ID 的 div，id 是在这个 id 中找到的第一个每 8 秒更改一次的图像。图片名称是 image1.jpg，8 秒后 id 喜欢将 image1 更改为 image2，然后再过 8 秒恢复为 image1，依此类推。

在 div 等中查找第一张图片的路径是否有点冗长，我将如何处理其余部分？例如让 src 每 8 秒更改一次？非常感谢帮助

【问题讨论】：

到目前为止你尝试过什么？获取第一个图像元素就是$('#header img').first()。至于换图：stackoverflow.com/questions/10415932/….
mattgemmell.com/2008/12/08/what-have-you-tried
获取 src 你可以做var src = $('#header').attr('src'); 然后随意改变它所以剩下的就是有一个超时功能，每 8 秒运行一次，它会拉下一个图像 src，也许存储所有 src在数组或其他东西中
你想用滑块吗？

标签： javascript jquery image src

【解决方案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 值）

【讨论】：

你应该使用 setInterval，@John Want image src 改回来
@JeffersonHenriqueC.Soares 是的，你是对的，会进行更正
@JeffersonHenriqueC.Soares 已更新以支持改回
@ArunPJohny 在这个想法中，使用布尔值并执行(flag)?1:2 并反转它会更容易flag = !flag 而不是执行另一个 if
@EnterJQ 这是三元运算符en.wikipedia.org/wiki/%3F:#JavaScript / msdn.microsoft.com/en-us/library/ie/be21c7hw(v=vs.94).aspx

【解决方案2】：

假设第一个图像是 image1.jpeg，那么在第一次运行时你会是 2，所以首先使用 ++i 递增，然后使用字符串中的 var

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

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

【讨论】：