setInterval and random color
HTML
<div id="color"></div>
CSS
#color {
background-color: rgb(0,0,0);
height: 800px;
width: 800px;
-webkit-transition: background-color 10s ease-out; /* Saf3.2+, Chrome */
-moz-transition: background-color 10s ease-out; /* FF4+ */
-ms-transition: background-color 10s ease-out; /* IE10 */
-o-transition: background-color 10s ease-out; /* Opera 10.5+ */
transition: background-color 10s ease-out;
}
JavaScript
timer = setInterval( function() {
var randomColor = 'rgb(' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ')';
$('#color').css('backgroundColor', randomColor);
}, 1000);