javascript - 用精灵改变背景不起作用

Question

我有这个用于更改背景图像的代码。我使用了 setTimeout 和所有东西，但它似乎仍然不起作用。有人能好心告诉我可能出了什么问题吗？

var banner = document.getElementById("banner");
    function changeBg () {
        var i=0; 
        var images = ["0 235px", "0 0"];
        while (true)  {
            setTimeout(function(){
                banner.style.backgroundPosition = images[i]
            },3000)
            i++;    
        if (i>=images.length) {
            i=0;    
        }   
        }
    }
 changeBg();

Answer 1

也许这样会起作用。

var banner = document.getElementById("banner");
function changeBg () {
    var i=0; 
    var images = ["0 235px", "0 0"];
   setInterval(3000,function(){banner.style.backgroundPosition = images[i];i++;if (i>=images.length) {
        i=0;    
    } })
    }
}changeBg();