GSAP repeatDelay阵列？

Question

所以我现在花一点空闲时间学习和探索GSAP (Greensock动画平台)。我想知道是否可能有一个特定的重复元素的值数组。这就是我的吐温的样子；

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

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

谢谢!

Answer 1

当然，您只需在一个时间线中创建两个时间线，间隔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的论坛，以防您想得到更多的帮助(我们通常很快就会在那里得到响应)。

推特快乐！

Answer 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});