Javascript 每5秒增加一个src

您好，我正在制作一个自定义图库，每3秒钟我希望src更新1次我已经尝试过几次，这是我的代码：

function gallery1(src1) {
    var src = src1;
    document.getElementById('main_photo').src = "img/" + src + ".png";
    setInterval(function() {
        src++;
    }, 3000);
}

src很容易增加，因为它们是1.png 2.png等等。请试试这个

  var x = 0;
  function gallery1(src1){
    document.getElementById('main_photo').src = "img/" +src1+ ".png";
    setInterval(function(){
       x+=1;
       gallery2(x);
    },3000);
  }

  function gallery2(src1){
     document.getElementById('main_photo').src = "img/" +src1+ ".png";
  }

也许这有帮助，你可能想看看这个样本

你可以用 清除间隔（计时器）；

---

要停止更新图像，这里的问题是每3秒更新一次变量的值。您应该更新源事实

应采取以下措施：

function gallery1(src1) {
var src = src1;
setInterval(function() {
    src++;
   document.getElementById('main_photo').src = "img/" + src + ".png";
}, 3000);}

---

你有什么问题？您是否收到任何错误消息？在没有看到其余代码的情况下，我猜您是在递增src，但每次调用函数时都会为其分配一个新值。您好，这很好，但我还有缩略图，可以自动将您带到所选图片，这就是为什么“src1”有必要希望你能帮助安德鲁。那么为什么不使用document.getElementById（'main_photo'）.src=“img/thumbnail”+src+”.png”之类的东西呢；当然，你必须给图片和缩略图命名（thumbnail1.png和1.png）Hello效果很好，但我有一个链接到特定照片的缩略图列表，当我单击src1中声明的每个缩略图时，它们不会转到它们

function gallery1(src1) {
var src = src1;
setInterval(function() {
    src++;
   document.getElementById('main_photo').src = "img/" + src + ".png";
}, 3000);}