JSFiddle - React, Tailwind, and code Playground

by Barbara Laird

HTML

<div class="time">Time</div><div class="time">Time</div><div class="time">Time</div><div class="time">Time</div><div class="time">Time</div><div class="time">Time</div><div class="time">Time</div><div class="time">Time</div><div class="time">Time</div><div class="time">Time</div><div class="time">Time</div><div class="time">Time</div><div class="time">Time</div><div class="time">Time</div><div class="time">Time</div><div class="time">Time</div><div class="time">Time</div><div class="time">Time</div><div class="time">Time</div><div class="time">Time</div><div class="time">Time</div><div class="time">Time</div><div class="time">Time</div><div class="time">Time</div><div class="time">Time</div><div class="time">Time</div><div class="time">Time</div><div class="time">Time</div><div class="time">Time</div><div class="time">Time</div><div class="time">Time</div><div class="time">Time</div><div class="time">Time</div><div class="time">Time</div><div class="time">Time</div><div class="time">Time</div><div class="time">Time</div><div class="time">Time</div><div class="time">Time</div>

JavaScript

function ColorChange(){

    var count = 0;
    var mycolors = new Array("#0066cc","#996699","#990033","#ff9933", "#99cc33","#33cc66","#009999","#6699cc", "#999999","#534741", "#663333"); 
    $('.time').each(function() {
        $(this).css('background-color', mycolors[count++]);
        if (count > mycolors.length) count = 0;
    });

}

$(document).ready(function() {
    ColorChange();
});