[javascript] TweenMax에서 애니메이션의 지속 시간을 어떻게 설정할 수 있나요?
TweenMax
에서 애니메이션의 지속 시간을 설정하는 방법은 간단합니다. to
또는 fromTo
메서드를 사용하여 애니메이션을 생성하는 동안, duration
속성을 사용하여 지속 시간을 지정할 수 있습니다.
다음은 TweenMax
를 사용하여 myElement
의 움직임을 2초 동안 지속하는 예제입니다.
var myElement = document.getElementById("myElement");
TweenMax.to(myElement, 2, { x: 100, y: 100 });
위의 코드에서 to
메서드의 세 번째 매개변수로 전달되는 객체는 애니메이션 속성을 설정하는데 사용됩니다. x
및 y
속성은 myElement
를 2초 동안 (2000밀리초) 오른쪽으로 100픽셀, 아래로 100픽셀 이동시킵니다.
애니메이션의 지속 시간은 2
로 설정되었으므로 해당 애니메이션은 2초 동안 실행됩니다. 필요한 경우, duration
속성을 다른 값으로 설정하여 애니메이션의 지속 시간을 조정할 수 있습니다.
더 많은 TweenMax
옵션에 대한 정보는 공식 문서를 참조하시기 바랍니다.