Javascript 在同一TimelineMax时间线中，如何在二者之间指定“重复”？

我有一个关于GSAP

TimelineMax

的问题。我有一个时间表和一些动画

如何在

TimelineMax

实例中指定在tween上重复，同时仍然能够继续其余动画

下面是我的代码。如果我设置

$inputicon

动画，它将无限循环，其余动画将不会继续

var sloganAnimation = new TimelineMax();
sloganAnimation.addLabel('textEffect')
    .staggerFromTo($slogan.find('span'), 0.01,
        { display: 'none' },
        { display: 'inline-block' }, 0.03, 'textEffect')
    .staggerFromTo($inputicon, 0.8,
        { autoAlpha: 0, repeat: -1 },
        { autoAlpha: 1, repeat: -1 }, 0.8, 'textEffect')
    .fromTo($('.quote-side'), .3, { height: 0 }, { height: 145 })
    .from('.blocker', .8, { autoAlpha: 0, y: -20, ease: Power3.easeOut });

---

TimelineMax

可以在其中保存多个

TimelineMax

对象。如果我能正确理解的话，你要问的是能够根据特定条件将你的主要

sloganAnimation

时间表的特定部分重复一定次数。我建议将该部分（即，

$inputicon

部分）放入自己的时间线中，将其添加到主时间线中，并根据您的情况，播放不重复的主时间线或

.pause（）

主时间线和

.play（）

重复的内部时间线。此外，如果您打算无限重复，动画的其余部分将如何播放？你能把一把简单的小提琴放在一起演示这个场景吗？请附上使时间线无限重复或不重复并继续的条件。顺便说一句，你可以试着给

。quote side

&

。blocker

元素一个确切的

位置
。即使这些位置实际上是前两个月的持续时间之和，但你可以自己计算并传递它们。这样，就不会与前一个tween的完成事件（由于
repeat:-1
，该事件基本上不会真正触发）有任何关系/依赖性。@Tahir Ahmed，谢谢你的建议！这对我很有效，我感谢添加多个时间线来处理tween animate是一种更有效的方法。很高兴你找到了答案。玩得开心：）