initiating jquery in color fade

by Akram kamal

HTML

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
<div id="myDiv">
content
</div>

CSS

#myDiv
{
    height:500px;
    width:500px;
        background-color: red;
    -webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;

}

JavaScript

var colors = ["red", "orange", "yellow", "green", "blue"]
var i = 0;


function changeColor()
{
    i++;
    i=i%5;
    $("#myDiv").css({backgroundColor: colors[i]});
    setTimeout(changeColor,2500);
}

changeColor();