[javascript] TweenMax에서 애니메이션의 지속 시간을 어떻게 설정할 수 있나요?

TweenMax에서 애니메이션의 지속 시간을 설정하는 방법은 간단합니다. to 또는 fromTo 메서드를 사용하여 애니메이션을 생성하는 동안, duration 속성을 사용하여 지속 시간을 지정할 수 있습니다.

다음은 TweenMax를 사용하여 myElement의 움직임을 2초 동안 지속하는 예제입니다.

var myElement = document.getElementById("myElement");

TweenMax.to(myElement, 2, { x: 100, y: 100 });

위의 코드에서 to 메서드의 세 번째 매개변수로 전달되는 객체는 애니메이션 속성을 설정하는데 사용됩니다. xy 속성은 myElement를 2초 동안 (2000밀리초) 오른쪽으로 100픽셀, 아래로 100픽셀 이동시킵니다.

애니메이션의 지속 시간은 2로 설정되었으므로 해당 애니메이션은 2초 동안 실행됩니다. 필요한 경우, duration 속성을 다른 값으로 설정하여 애니메이션의 지속 시간을 조정할 수 있습니다.

더 많은 TweenMax 옵션에 대한 정보는 공식 문서를 참조하시기 바랍니다.