Kill infinite repeat, re-applies the duration

[7linternational]

Hello,

 

I have a tween that appears on click of an object fades in and starts to rotate infinitely with repeat = -1.
When I kill that tween and then re-click the object and and the tween re-starts it adds to the duration from the previous tween, so everytime I click and it begins to rotate its duration += previous-duration+duration

Code that fades in and starts to rotate object

TweenMax.to([".planet1UI>img"], 0.8, {
            autoAlpha: 1,
            delay: 1.5,
            onComplete: function() {
                TweenMax.to(".planet1UI>img", 4, { rotation: 360, ease: Linear.easeNone, repeat: -1, transformOrigin: "50% 50%" });
            }
        });

code that removes the rotation

TweenMax.set([".planet1UI>img", ".planet2UI>img"], { autoAlpha: 0 });
        TweenMax.killTweensOf([".planet1UI>img", ".planet2UI>img"], { rotation: true, transformOrigin: true });
        TweenMax.killChildTweensOf(".planet1UI");
        TweenMax.killChildTweensOf(".planet2UI");
        TweenMax.killAll();

So every time I restart the rotation it is 4seconds slower 

 

Any ideas?

I will add an codepen soon.

 

[mikel]

Hi @7linternational,

 

Welcome to the GreenSock Forum.

 

Yes, a CodePen will be very good and helpful ...

 

Kind regards

Mikel