每5秒增加一次src

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（定时器）; 停止更新图像

Answer 3

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

以下应该工作：

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