Force a tween to complete by killing it

[blue-infinity]

Hello,

 

I would like to force the tween to complete (like TweenMax.killAll(true)) but for the killAllTweensOf or kill method, how is it possible ?

 

Thank you.

[Shaun Gorneau]

Are you saying you want the tween in its completed state before killing? I would think you could do

 

myAnimation.progress(1).kill();

[Jonathan]

Hello blue-infinity, and Welcome to the GreenSock Forums!

 

If Shaun's solution does not help, please provide a limited codepen so we can see your code in context to better help you!

 

 

Thanks!

 

[blue-infinity]

Are you saying you want the tween in its completed state before killing? I would think you could do

 

myAnimation.progress(1).kill();

 

I don't have the reference to the Tween object, but just the DOM object where the tween is applied.

 

See the Pen EKmoRz by lbineau (@lbineau) on CodePen.

[Diaco]

Hi blue-infinity 

 

you can get all the tweens of a particular target with getTweensOf() 

 

and then use something like this simple loop or whatever you want : 

 

TweenMax.to('.box', 0.5, {x: 100, yoyo: true, repeat: -1});
TweenMax.to('.box', 0.5, {rotation: 360,backgroundColor:'red', yoyo: true, repeat: -1});

document.getElementById("btn").onclick = function() {
  var Tweens = TweenMax.getTweensOf('.box'); 
  for(var i=Tweens.length; i--{
    Tweens[i].repeat(0).progress(1).kill();
  }
}