Question

我有这个代码，它将不透明度1的对象设为动画。

但我想知道如何让这个动作无限重复，每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下一个淡入时，它会平滑

Answer 2

它也可以在没有时间线的情况下工作

gsap.to(group.rotation, {
 y: 2 * Math.PI, x: 2 * Math.PI,
 repeat: -1, duration: 5 , delay: 0
})

动画重复无限TweenMax

2 个答案: