javascript - 为什么我不能引用图像数组？

Question

我尝试从数组中连续交换图像，但代码没有获取图像源，为什么会这样？

function nextPic(){
    var picCollection =["pic_bulbon.gif","pic_bulboff.gif"];
    for(i=0; i<picCollection.length; i++){
        document.getElementById("myImage").src = picCollection[i].src;
    }
}

function triggers(){
    setInterval(nextPic,500);
}

Answer 1

可能是您的代码应该是

var picCollection =["pic_bulbon.gif","pic_bulboff.gif"];
var i=0;
var interval;
function nextPic(){
    document.getElementById("myImage").src = picCollection[i];
    // if you want to repeat for show image again and again tehn use below line
    i= (i+1) % picCollection.length;

    // if you want not to repeat again then use below line
    // if(i+1>=picCollection.length) clearInterval(interval);
   
}

function triggers(){
    interval=setInterval(nextPic,500);
}

在这里，您必须在全局中定义图像名称数组，该数组应该可以在所有期望函数中访问。最好将 setInterval 引用存储在变量中并通过 clearInterval 清除它。