jQuery 대기열 애니메이션이 멈추고 다시 시작한 후 속도가 향상됩니다.

Question

편집 : .clearQueue()를 호출하기 전에 .stop()을 추가하면 제대로 작동합니다. 이유는 모르겠지만, 나는 그들이 기본적으로 똑같은 일을한다고 생각했다.

저는 기본적으로 어떤 종류의 로딩 막대처럼 보입니다 (애니메이션이 대기열에 있음) 스팬에서 각 문자의 배경을 움직이는 jQuery 애니메이션이 있습니다.

것은 여기를 체크 아웃 : http://jsbin.com/efawub/4/edit#preview이

문제는 다음이다 (하나의 이유 또는 다른 것이 나를 위해 FF에서 작동하지 않습니다) :

히트 플레이, 신속 후 중지 명중; 다시 히트를 치십시오. 애니메이션이 이제는해야 할 것보다 빠르게 실행됩니다 (첫 번째 스팬에서 가장 많은 약속)!

정상적인 실행이 비교 : 공격 플레이를,이 마지막 때까지 실행하자, 정지 히트 히트 재생 다시 정상 속도를 중지를 타격하고 누른 후 몇 초를 기다려야 할 때

이

현상도 사라집니다 다시 놀아 라. 문제는 시작 부분이 아닌 끝 부분으로 애니메이션을 중단 할 때 덜 눈에.니다.

아이디어가 있으십니까?

Answer 1

마지막으로이 문제를 해결하고 싶습니다. 해결책은 jquery가 아닌 표준 javascript를 사용하는 것이 었습니다 (jquery가 왜 발생하는지 아직도 알지 못합니다). 간단한 setTimeout 루프가 트릭을 수행했습니다. 나는 원래의 jsbin을 업데이트했고, 오래된 코드는 주석 처리했다.