>웹 프론트엔드 >JS 튜토리얼 >Javascript는 가속 및 감속 모션 코드 공유_javascript 기술을 시뮬레이션합니다.

Javascript는 가속 및 감속 모션 코드 공유_javascript 기술을 시뮬레이션합니다.

WBOY
WBOY원래의
2016-05-16 16:27:331439검색

움직임을 가속한다는 것은 물체가 점점 더 빠르게 움직인다는 것을 의미하고, 움직임을 감속한다는 것은 물체가 점점 더 느리게 움직인다는 것을 의미합니다. 이제 Javascript를 사용하여 이 두 가지 효과를 시뮬레이션하는 것이 원칙입니다. setInterval 또는 setTimeout을 사용하여 xxx.style.left 또는 xxx.style.marginLeft와 같은 한 요소와 다른 요소 사이의 거리를 동적으로 변경한 다음 각 이후의 속도를 높이는 것입니다. 이런 식으로 운동을 가속시키는 효과가 나타나며, 감속하는 운동에도 마찬가지입니다.

다음은 두 가지 예입니다.

이동 가속

코드 복사 코드는 다음과 같습니다.





Javascript로 모션 속도 향상