JavaScript Color Change worker

by farina

HTML

<div id="example"><div>

CSS

#example {margin: 0px auto; width: 200px; height: 50px; border: 1px solid #000; text-align: center; color: #000; font-size: xx-large;}

JavaScript

var colors = ["#00f", "#c0f", "#6f0", "#fc0", "#f00", "#0ff", "#0cf", "#f0f", "#000"];

function modify(i) {    
     $('#example').animate({ 'backgroundColor': colors[i] }, 2000);
     $('#example').text(colors[i]);                     
     i++;
    if(i < 9) { 
        setTimeout(function(){modify(i)}, 5000);
    }
}

$(document).ready(function() {    
    modify(0);
});