gsap - 动画重复无限 TweenMax

Question

我有这段代码可以为不透明度为 1 到 0 的对象设置动画。

但我想知道如何才能让这个 Action 无限重复，每 1 秒？

有什么想法吗？

var tl = new TimelineMax();

        tl.add(timeLine_parpados.to($parpados,0.1,{opacity:1})); // parpados aparecen
        tl.add(timeLine_parpados.to($parpados,0.1,{opacity:0})); // parpados desaparecen

        tl.play();

Answer 1

你可以这样做:

var el = document.getElementById("element");
var tl = new TimelineMax();

tl.to(el, 1, {alpha:0, repeatDelay:1, repeat:-1, yoyo:true})
tl.play();

JSFiddle demo

元素显示和淡出之间的 1 秒。 repeat:-1 将无限期地重复动画。

yoyo:true，这与 repeat 属性一起使用，并且使动画反转，所以当 div 下一个淡入时它是平滑的