jquery div背景图片循环

Question

知道为什么这段代码被破坏或不起作用吗？这不是我的代码，但它看起来确实是正确的，当然我可能会错过明显的内容。我只需要 div 的背景图像每 5 秒循环到/a 数组中的新图像。

var imageIndex = 0;
var imagesArray = new Array();

//Set Images
imagesArray[0] = "images/self-whitewater.png";
imagesArray[1] = "images/fishing.png";
imagesArray[2] = "images/solo-kayaking.png";

function changeBackground(){
$("main-blocki").css("background","url('"+ imagesArray[imageIndex] +"')");                        
    imageIndex++;
    if (imageIndex > imageArray.length)
        imageIndex = 0; 
}

$(document).ready(function() {
  setInterval("changeBackground()",5000);
});

Answer 1

您的问题出在您的 if 语句中，如@thatidiotguy 所指定。

但是您也可以在 oneliner 中执行此操作，而不使用 if 语句。

var imageIndex = 0;
var imagesArray = [
    "images/self-whitewater.png",
    "images/fishing.png",
    "images/solo-kayaking.png"
];

function changeBackground(){
    var index = imageIndex++ % imagesArray.length;
    $("main-blocki").css("background","url('"+ imagesArray[index] +"')");      
}

$(document).ready(function() {
  setInterval(changeBackground, 5000);
});

注意imageIndex++ % imagesArray.length。这会增加全局 imageIndex，同时确保该值不大于 imagesArray.length。