TweenMax에서 애니메이션의 진행 시간을 조절하려면 timeScale 속성을 사용하면 됩니다. 이 속성은 애니메이션의 진행 속도를 나타내며, 기본값은 1입니다. 예를 들어, timeScale 값을 2로 설정하면 애니메이션이 2배 빠르게 진행됩니다. 반대로, timeScale 값을 0.5로 설정하면 애니메이션이 2배 느리게 진행됩니다.

다음은 TweenMax에서 timeScale을 사용하는 예제입니다:

// TweenMax로 애니메이션을 생성합니다.
var tween = TweenMax.to(element, 1, { x: 100 });

// 애니메이션의 진행 시간을 조절합니다.
tween.timeScale(2); // 애니메이션이 2배 빠르게 진행됩니다.

// 애니메이션의 진행 시간을 원래대로 복원합니다.
tween.timeScale(1); // 기본 속도로 애니메이션이 진행됩니다.

위의 예제에서는 tween.timeScale() 메서드를 사용하여 애니메이션의 진행 속도를 조절합니다. 애니메이션 객체인 tween의 timeScale 메서드에 새로운 값을 전달하여 원하는 진행 속도를 설정할 수 있습니다.

TweenMax의 timeScale 속성은 애니메이션을 멈추거나 일시 정지하는 데에도 사용할 수 있습니다. timeScale 값을 0으로 설정하면 애니메이션을 멈추게 되고, 1보다 작은 값을 설정하면 애니메이션이 일시 정지됩니다.

TweenMax의 timeScale 속성을 사용하면 애니메이션의 진행 시간을 동적으로 조절할 수 있으므로, 사용자 인터랙션 또는 다양한 조건에 맞춰 애니메이션의 진행을 즉시 변경할 수 있습니다.

더 자세한 정보는 TweenMax의 공식 문서를 참조하시기 바랍니다.