Hello,
Working on an animation which needs to repeat (loop) a number (7) of times. I've placed all the animation into one function (timeline):
function forward () {
var tl = new TimelineLite();
tl.to(one, 0.75, {css:{rotation:".16rad" },ease:Linear.easeNone} );
tl.to(one, 0.75, {css:{rotation:"0 rad" },ease:Linear.easeNone} );
tl.to(two, 0.55, {css:{rotation:"-.14rad" },ease:Linear.easeNone});
tl.to(thr, 0.50, {css:{rotation:"-.13rad" },ease:Linear.easeNone});
tl.to(fou, 0.45, {css:{rotation:"-.12rad" },ease:Linear.easeNone});
tl.to(fiv, 0.40, {css:{rotation:"-.12rad" },ease:Linear.easeNone});
tl.to(six, 0.35, {css:{rotation:"-.11rad" },ease:Linear.easeNone});
tl.to(six, 0.30, {css:{rotation:"0 rad" },ease:Linear.easeNone} );
tl.to(fiv, 0.25, {css:{rotation:"0 rad" },ease:Linear.easeNone} );
tl.to(fou, 0.20, {css:{rotation:"0 rad" },ease:Linear.easeNone});
tl.to(thr, 0.15, {css:{rotation:"0 rad" },ease:Linear.easeNone});
tl.to(two, 0.14, {css:{rotation:"0 rad" },ease:Linear.easeNone});
}
Is there a way to repeat the animation without creating another functions? As well as ending the repeat at a set number of times?
If this has been asked before, pardon the repeative topic.