Question

I have this code:

js:

function change_color(color) {
$("body").animate({ backgroundColor:color }, '1000');
}

setTimeout(function () {
    change_color('#4AC900'
    );
}, 500);
setTimeout(function () {
    change_color('#964514'
    );
}, 1500);
setTimeout(function () {
    change_color('#EE0000'
    );
}, 1500);
setTimeout(function () {
    change_color('#FFE303'
    );
}, 1500);
setTimeout(function () {
    change_color('#8E388E'
    );
}, 1500);
setTimeout(function () {
    change_color('#FF00AA'
    );
}, 1500);

and I want to use it repeatedly but putting it in a while loop just crashes the site can anyone help?

Here is the site… its my little brothers site not mine… http://timothy.techbytbone.com/isaac.php

Answer 1

this is all you need:

jsFiddle demo

var c = 0;
var colors = ['#4AC900','#964514','#EE0000','#FFE303','#8E388E','#FF00AA'];
(function loop(){         
    $('body').stop().animate({backgroundColor : colors[c++%colors.length] }, 1000, loop);  
})();

(Prest attention that you need to use the jQuery UI to animate the CSS background-color property)