javascript - 如何使用 JavaScript 自动更改/切换页脚的背景颜色

Question

我希望我的页脚背景颜色每秒自动更改。如何使用 JavaScript 做到这一点？ https://www.minus99.com/我想让页脚颜色像给定链接中的网站一样改变。

我试过这段代码，但它不工作。

<footer onload="change()" id="background">
    <a href="">[e-mail]</a><br>
    [phone]**5<br>Kapurdhara<br>
    Kathmandu<br>Nepal<br>
    &copy;-PratisthaKansakar<br>       
</footer>

<script>
        var i = 0;
        var color = Array[black,blue, green];
        function change() {
            var doc = document.getElementById("background");

            doc.style.backgroundColor = color[i];
            i = i+1;
            if(i>2){
                i=0;
            }
        }
        setTimeout(change, 1000);
</script>

标签： javascripthtmlcss

Answer 1

您必须一次又一次地调用超时（可以使用 setInterval 代替），它只被调用一次，并将数组中颜色的名称作为字符串

var i = 0;
var color = ['black', 'blue', 'green'];

function change() {
  var doc = document.getElementById("background");
  console.log("called")
  doc.style.backgroundColor = color[i];
  i = i + 1;
  if (i > 2) {
    i = 0;
  }
  a()
}

function a() {
  return setTimeout(change, 1000);
}
a();

<footer id="background">aaaaaaaaaa</footer>