动画重复无限 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 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

Animate repeat infinite TweenMax

gsap