0

我正在尝试在 div 上创建一个简单的颜色更改动画，其中有一个计数器，用于计算动画循环的次数。我认为这很简单，但实际上让我头疼。

function AttachGo() {
    $('a#GoButton').click(function() {
        for (i = 0; i < 5; i++) {
            $('div#Timer').animate({
                backgroundColor: "#FF0000"
            }, 1000, 'linear',
                $('div#Timer').css("backgroundColor", "#22FF22"),
                $('p#Count').text("Completed: " + i)
            );
        }
    });
}

我有一个我在这里玩的例子。

非常感谢任何帮助。

4

2 回答 2

2

您需要将循环调用作为动画的回调：

http://jsfiddle.net/acrashik/pG6us/2/

于 2012-06-11T12:32:55.260 回答
0

看起来你需要的step功能animate。看这里：blog.gabrieleromanato.com/2011/03/jquery-animation-steps/

于 2012-06-11T12:02:34.587 回答