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();