每秒改变背景颜色

function change(i) {  
   var doc = document.getElementById("background");  
   var color =[ "black", "blue", "brown", "green"];  
   for(i=0; i<color.length; i++){  
        doc.style.backgroundColor = color[i];  
        alert("my color is "+ color[i]);  
/*if (i>=color.length){i=0;}*/  
    }
 }  
setInterval(function changebackground(){change(0)},1000);

嗨伙计， 我正在尝试使用上面的代码更改 div 的背景颜色。只要警报是其中的一部分，该函数就可以工作（我引入警报是为了查看循环是否正常工作）。如何在没有警报的情况下使该功能正常工作。我需要使用 vanilla js 而不是 jquery。感谢您帮助初学者。

该函数工作正常（没有警报），您只是看不到它，因为您正在同步循环中更改颜色。

尝试这样：

var i = 0;
function change() {
  var doc = document.getElementById("background");
  var color = ["black", "blue", "brown", "green"];
  doc.style.backgroundColor = color[i];
  i = (i + 1) % color.length;
}
setInterval(change, 1000);

<div id="background">&nbsp</div>