在补间 gsap 结束时删除延迟暂停

在使用 GreenSock Animation Platform （GSAP）时，我们经常需要暂停和重启补间动画。有时，我们希望在补间动画结束时自动删除延迟暂停。这可以通过以下代码实现：

const tl = gsap.timeline({
    onComplete: () => tl.paused(true),
    onCompleteParams: [tl, true],
});

tl.to('#target', {
    duration: 1,
    x: 100,
    y: 50,
});

在上面的代码中，我们使用 gsap.timeline() 创建一个时间轴，并通过 onComplete 回调函数在补间动画结束后使用 paused() 方法暂停动画。同时，我们在 onCompleteParams 参数中传入 true，以删除延迟暂停。

我们也可以为每个补间动画分别设置 onComplete 回调函数，如下所示：

const tl = gsap.timeline();

tl.to('#target', {
    duration: 1,
    x: 100,
    y: 50,
    onComplete: () => tl.paused(true),
    onCompleteParams: [tl, true],
});

tl.to('#target', {
    duration: 1,
    x: 200,
    y: 100,
    onComplete: () => tl.paused(true),
    onCompleteParams: [tl, true],
});

在上面的代码中，我们分别为每个补间动画设置了 onComplete 回调函数和 onCompleteParams 参数，以删除延迟暂停。

无论是在时间轴中还是在单个补间动画中，删除延迟暂停都能确保在动画结束时立即暂停，并且不会影响后续的动画。