动画重复无限TweenMax

Question

我有这个代码,为不透明度1到0的对象设置动画.

但我想知道如何让这个动作无限重复,每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演示

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

yoyo:true,这适用于repeat属性,并使动画反转,因此div当下一个淡入时它会很平滑