Создание циклической фоновой анимации в jquery

Question

Что я хочу это:

при загрузке страницы - фон имеет красный цвет через 10 секунд bgColor меняет цвет на зеленый с анимацией постепенного исчезновения ... еще через 10 секунд он меняется на оранжевый .... затем снова на красный и т. д.

Может ли кто-нибудь помочь

Answer 1

Используйте setinterval с обратным вызовом, который меняет фон:

$("document").ready(function() {
    var colours = [ "blue", "orange", "pink" ];
    var counter = 0;
    function cycleBackground() {
        $("body").animate({ backgroundColor: colours[counter] }, 500 );
        counter++;
        if(counter == colours.length) {
            counter = 0;
        }
    }
    setInterval(cycleBackground, 10000);
});

Вам нужно будет использовать функцию animate пользовательского интерфейса jQuery, если вы хотите плавно переключаться между цветами.