回调函数
2025年1月24日小于 1 分钟
GSAP 动画库的回调函数是指在动画执行过程中或完成后,可以执行的自定义函数。这些回调函数可以用来在特定时间点触发额外的代码逻辑。
- onComplete: 动画完成时执行。
- onStart: 动画开始时执行。
- onUpdate: 动画更新时执行。
- onRepeat: 动画重复时执行。
- onReverseComplete: 动画反转到达开始时执行。
gsap.to(".class", {
duration: 1,
x: 100,
onComplete: () => console.log("the tween is complete")
});
gsap.timeline({onComplete: tlComplete});
function tlComplete() {
console.log("the tl is complete");
}