javascript - 如何使用 jquery 动画更改背景颜色，例如过渡

Question

我正在尝试创建一个函数，将 div 的背景更改为数组内的颜色。我做了以下事情:

HTML:

<div class="background">

CSS:

    .background {
        width: 500px;
        height: 500px;
        margin: 0 auto;
        background-color: #000;
    }

Javascript:

    function spectrum() {
        var time = 0;
        var colours = ['green', 'blue', 'red'];
        var hue = colours[time];


        $('.background').animate({
            backgroundColor: hue
        }, {
            duration: 1000,
            complete: function () {
                time += 1;
    spectrum();
            }
        });
    };

问题是我无法像递归一样使用，它改变背景一次然后停止......我在这里做错了什么？？？

我试图找到一个可以使用的代码，但只找到CSS3，并且我想提供对IE8的支持。

有人知道做我想做的事情的好方法吗？

谢谢!

Answer 1

试试这个:

 $('.background').css({
 transition: 'background-color 1s ease-in-out',
 "background-color": "red" });