javascript - 每秒改变背景颜色

Question

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。感谢您帮助初学者。

Answer 1

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

像这样尝试:

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>