gsap 监听函数

2024年4月19日发(作者：)

gsap 监听函数

GSAP 中有多种监听函数可以使用：

1. onStart: 动画开始时触发的函数。

2. onUpdate: 每次动画更新时触发的函数。

3. onComplete: 动画完成时触发的函数。

4. onRepeat: 动画重复时触发的函数。

5. onReverseComplete: 动画反转完成时触发的函数。

6. onInterrupt: 动画被中断时触发的函数。

这些函数可以通过 TweenMax 和 TimelineMax 对象的事件监听器方法添加。

例如：

(".box", 1, {

x: 500,

onStart: function () {

("Animation started");

},

onComplete: function () {

("Animation completed");

}

});

在这个示例中，当 `.box` 对象开始运动时，会触发 onStart 函数，当运动结束

时触发 onComplete 函数。你可以使用这些监听函数来执行各种操作，例如更

改页面内容或执行其他动画。