jquery - 连续动画元素的背景

是否可以在循环中动画元素的背景色？
例如：如果我们有一个<div>具有background-color:red并且通过jquery我将其更改为background-color:blue。现在我要它连续地在红色和蓝色之间。
我该怎么做？

最佳答案

CSS

.divClassRed{
    background-color:red;
}
.divClassBlue{
    background-color:blue;
}

JQuery

setInterval(function(){
    if($('#myDiv').hasClass('divClassRed')){
        $('#myDiv').addClass('divClassBlue').removeClass('divClassRed');
    }else{
        $('#myDiv').addClass('divClassRed').removeClass('divClassBlue');
    }

},1000);

DEMO