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 に答える