javascript - 尝试使用 setInterval 每秒更改一个 div 的背景颜色。查询

Question

我有一个数组中的颜色列表，我想创建一个函数来遍历数组并采用与数组索引关联的颜色来每秒更改 div 的背景。 div 的颜色应取决于数组索引的位置。

$(document).ready(function(){


var array = ["red", "blue", "yellow"];

var counter = 0;
var nextColor;

function  bgchange() {
    $(".box").css("backgroundColor", "");
    counter = (counter + 1) % array.length;
    nextColor = array[counter];

    $(".box").css("backgroundColor","'" + nextColor +"'");

}


    setInterval(bgchange, 1000)


});

我想使用与上述代码类似但实际有效的代码来完成此任务。提前感谢您的帮助。

Answer 1

jsFiddle Demo

将 backgroundColor 切换为 background-color:

function  bgchange() {
    // $(".box").css("background-color", "");  // Unnecessary command
    counter = (counter + 1) % array.length;
    nextColor = array[counter];

    $(".box").css("background-color", nextColor); // Also no need to wrap
                                                  // variables with quotes

}