jQuery Looping Animation with Counter

div 안에 간단한 색상 변경 애니메이션을 만들려고합니다. 내부에 카운터가있어 애니메이션이 반복 횟수를 계산합니다. 나는 이것이 단순 할 것이라고 생각했지만 실제로 두통을 일으켰다.jQuery Looping Animation with Counter

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