javascript - 每 5 秒将 src 递增 1

Question

您好，我正在制作一个自定义画廊，每 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 等等

Answer 1

请试试这个..

  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";
  }

也许这有帮助，您可能想看看这个示例http://jsfiddle.net/markipe/bHxym/1/

Answer 2

var src = 0;
var timer = setInterval(updateGallery, 3000);

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

你可以使用 clearInterval(timer); 停止更新图像

Answer 3

这里的问题是你每 3 秒更新一次变量的值。您应该更新源事实。

以下应该工作：

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