jQuery循環動畫與計數器

我想創建一個簡單的顏色變化動畫上的div與計數器內計數動畫已循環多少次。我認爲這很簡單，但實際上讓我頭疼。jQuery循環動畫與計數器

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。

任何幫助非常感謝。

來源

2012-06-11 Dan Twining

你的樣品中，你在哪裏打電話'AttachGo'？ – Dhiraj

AttachGo被調用onLoad。我應該補充說，我遇到的主要問題是讓文本隨計數而改變。當我在完整的函數中嵌入函數時，循環確實奏效，但是當循環的一部分出現時，這似乎不太合適。 –

for循環將執行得比動畫快，並且在動畫被調用的時候i值已經是5 – Dhiraj