每秒更改css颜色

可能重复：
如何使用Jquery每隔几秒循环一次css背景图像？

我想知道如何实现颜色每秒变化的简单“动画”效果，如果有动画动画的方法，它可能会更好。

我刚刚尝试过类似的东西：

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

它根本不起作用（延迟function不起作用）..反正我需要两个：

 $('.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(function() { var box = $('.box'); if (box.css('background-color') == 'red') { box.css({'background-color':'green'}); } else { box.css({'background-color':'red'}); } }, 1000); 

Answer 3

 
Ho ho ho!
 
Merry Christmas!
  

Answer 4

我认为你必须使用javascript setInterval方法：

见这里： http ： //www.w3schools.com/jsref/met_win_setinterval.asp

所以：

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