GSAP 重复延迟数组？答案

【问题标题】：GSAP repeatDelay Array?GSAP 重复延迟数组？
【发布时间】：2017-09-10 10:42:24
【问题描述】：

因此，我目前正在花费一些空闲时间来学习和探索 GSAP（Greensock 动画平台）。而且我想知道是否可以为一个特定的重复元素提供一组值。这就是我的 Tween 的样子；

TweenMax.from(blink, 0.2, {repeat: -1, scale: 0, ease: Power1.easeInOut, repeatDelay: 3});

现在我想知道是否可以让元素“闪烁”，暂停 3 秒，再次闪烁，然后暂停 0.5 秒，然后再次闪烁，然后重复。我查看了文档，但似乎找不到任何相关内容，这是我可以用 GSAP 做的事情，还是我必须进入 JS？

谢谢！

【问题讨论】：

标签： javascript arrays repeat gsap

【解决方案1】：

当然，您可以在时间轴中创建 2 个间隔 3 秒的补间，然后重复整个时间轴并将其 repeatDelay 设置为 0.5。这是你想要的效果吗？： https://codepen.io/GreenSock/pen/a99e84eaba6f2e358801bbf02ffcf41d?editors=0010

var tl = new TimelineMax({repeat:-1, repeatDelay:0.5});
tl.from("#blink", 0.2, {scale:0, ease:Power1.easeInOut})
  .to("#blink", 0.2, {scale:0, ease:Power1.easeInOut}, "+=3");

https://greensock.com/forums/ 有专门讨论 GSAP 的论坛，如果您想获得更多帮助（我们通常会很快回复）。

补间快乐！

【讨论】：

谢谢@Jack，我一定会去那里看看能不能学到更多！在过去几天学习了更多之后，这似乎更容易解决问题。我使用了您的代码的变体，我将在下面包含它来解决我的问题，再次感谢！
太棒了，很高兴你明白了。补间快乐！

【解决方案2】：

我试图为任何感兴趣的人实现的效果：

var tl = new TimelineMax({repeat:-1, repeatDelay:0.5});
tl.from("#blink", 0.2, {scale:0})
  .to("#blink", 0.2, {scale: 1}, "+=3")
  .from("#blink", 0.2, {scale: 0, ease:Power1.easeInOut})
  .to("#blink", 0.2, {scale: 1});

【讨论】：