jQuerys. 해양 방법은 어떻게 작동합니까 (JavaScript)?

Question

소스를 살펴 보는 것은 모두 복잡한 배열을 사용하기 때문에 악몽이지만 실제로는 아무것도하지 않는 코드를 보지 못합니다.

어떤 아이디어?

Answer 1

애니메이션 방법은 애니메이션하는 속성의 현재 값과 최종 가치 (제공하는 최종 가치)를 취하고 그 사이의 각 "프레임"을 계산하여 작동합니다. 따라서 애니메이션이 10 단계에서 1.0에서 0.0으로 이동하면 .9, .8, .7 등이 발생합니다. 숫자 CSS 속성에 대해이 프로세스를 수행 할 수 있습니다.

본질적으로 그것은 시작과 엔드 포인트를 애니메이션의 키 프레임처럼 처리하고 "트윈"은 "트윈"을 하나에서 다른 값으로 가져 오는 데 필요한 나머지 값을 "다음"프레임 "을 통해 처리하는 루프를 실행합니다.