jQuery의 애니메이션 단계는 몇 단계입니까?

Question

나는 재미와 물건을위한 나만의 애니메이션 기능을 쓰고있다.

나는 부드러운 애니메이션을 실제로 얻을 수 없습니다. jQuery는 애니메이션 당 한 단계 씩 놀라운 매끄러운 반응을 보였으므로 얼마나 많은 단계를 밟아야 하는지를 파악하는 데 사용하는 일반적인 공식이 무엇인지 궁금합니다.

Answer 1

애니메이션 기간에 따라 다릅니다. jQuery.fx.interval에 저장된 기본 설정을 사용하는 jQuery는 첫 번째 애니메이션이 시작될 때 모든 애니메이션에 공통된 단일 13ms 간격 타이머를 시작하고 모든 애니메이션이 완료되면 중지합니다.

검색하려면 unminified jQuery source code에서 animate:, custom:, interval: 및 step:합니다. 마지막에는 이미 실행 된 애니메이션의 분수를 결정하는 논리가 포함됩니다.이 타임 스탬프는 순수 JS에서 new Date().getTime()입니다.

이론적으로는 약 80 프레임/초이며 오늘날의 대부분의 LCD 모니터의 60Hz 재생 빈도보다 빠릅니다. 성능이 문제가 될 경우 프레임 속도를 조금 떨어 뜨리는 것으로 간격을 늘릴 수 있습니다.