jQuery循环动画与计数器

Question

我正在尝试在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)
            );
        }
    });
}

我有一个例子，我正在玩here。

非常感谢任何帮助。

Answer 1

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

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

Answer 2

您似乎需要step的{​​{1}}功能。看这里：blog.gabrieleromanato.com/2011/03/jquery-animation-steps /