Изменение цвета CSS каждый второй

Question

Можно создать дубликат:
How to loop a css background image with Jquery every few seconds?

Я задаюсь вопросом, как добиться простой «анимации» эффект цветов меняется каждую секунду, и если есть способ анимации анимации это может быть еще лучше.

Я просто попытался что-то вроде:

$('.box').delay(1000).css("background","red"); 

И это не работает (функция задержки не работает) .. в любом случае мне нужно как два из них:

$('.box').delay(1000).css("background","red"); 
$('.box').delay(1000).css("background","green"); 

Чтобы он стал красным -> подождать секунду и станет зеленым -> снова станет красным.

Возможно ли это? благодаря!

Answer 1

$(document).ready(function() { 
setInterval(function() { 
    $('body').animate({ backgroundColor: 'red' }, 300) 
    .animate({ backgroundColor: 'green' }, 300); 
    }, 1000); 

}); 

http://jsfiddle.net/theSifter/yR6jc/

Answer 2

Я думаю, вы должны использовать яваскрипт setInterval метод:

Смотрите здесь: http://www.w3schools.com/jsref/met_win_setinterval.asp

так:

setInterval(function() { 
// Code to execute every second 
}, 1000); 

Answer 3

setInterval(function() { 
    var box = $('.box'); 
    if (box.css('background-color') == 'red') { 
     box.css({'background-color':'green'}); 
    } 
    else { 
     box.css({'background-color':'red'}); 
    } 
}, 1000); 

Answer 4

<h1 id="ho">Ho ho ho!</h1> 
<h2 id="mc">Merry Christmas!</h2> 

<script> 
    var flag = false; 
    setInterval(function() { 
     flag = !flag; 
     $("#ho").css("background", flag ? "red" : "green"); 
     $("#mc").css("background", flag ? "green" : "red"); 
    }, 1000); 
</script>