javascript - 坚持通过多种颜色循环。

Question

我一直在努力寻找替代 div 背景颜色的方法。我总共有 11 种颜色，需要在它们之间循环，而不是让相同的颜色连续出现两次。我看过 css 中的第 n 个 child ，但没有结果，最后几行都是相同的颜色。现在我正在尝试通过 javascript 中的 for 循环来完成它。有谁知道更简单的方法吗？我有这个，它经历了很多次迭代。我只是停留在这一点上。

function ColorChange(){
    var divcount = $('.time').length;
    var timediv = document.getElementsByClassName('time'); 
    var mycolors = new Array("#0066cc","#996699","#990033","#ff9933", "#99cc33","#33cc66","#009999","#6699cc", "#999999","#534741", "#663333"); 
    for(var i = 0; i<timediv.length; i++){
        for(var l = 0; l<mycolors.length;l++){
            timediv[i].style.background = mycolors[l]; 
        }
    }
}

Answer 1

您似乎有效地将背景颜色设置为列表中的最后一种颜色。为什么不试试这个:

for( var i=0; i<timediv.length; i++) {
    timediv[i].style.backgroundColor = mycolors[i % mycolors.length];
}

这将循环遍历定义的颜色，并且由于 % 运算符，如果它超过末尾，它将循环到列表的开头。