remove eventCallback

[OxXxigen 0 Likes (Newbie)]

const tween = TweenMax.to({}, 1, {});
tween.eventCallback("onUpdate", () => {
	// SOME CODE
});

https://greensock.com/docs/TweenMax/eventCallback()

how to remove eventCallback ?

[PointC 14,418 Likes (Superhero)]

tween.eventCallback("onUpdate", null);

 

[OxXxigen 0 Likes (Newbie)]

tween can only have one callback ?

[Jonathan 5,392 Likes (Superhero)]

Hi @OxXxigen and Welcome to the GreenSock Forum!

 

You can also use the removeCallback() method

 

https://greensock.com/docs/TimelineMax/removeCallBack()

 

Happy Tweening!

[PointC 14,418 Likes (Superhero)]

3 minutes ago, OxXxigen said:

tween can only have one callback ?

 

Correct - one callback for each event type.

 

You can have onStart, onComplete, onUpdate, etc. But if you create a second one for an event, it will overwrite the first.

[GreenSock 18,566 Likes (Superhero)]

Yep, but if you need to call more than one function, you could just nest them. 

animation.eventCallback("onUpdate", function() {
    yourFunc1();
    yourFunc2();
});

 

[KFFEIN 1 Likes (Newbie)]

Hi there
I've noticed that v3 gsap timelines don't have `removeCallback` method but simply a `remove` method

Here the updated snippet :
 

const myCb = ()=>{...}
animation.add(myCb, 2)

// THEN simply
animation.remove(myCb)

https://greensock.com/docs/v3/GSAP/Timeline/remove()

[a-c-sreedhar-reddy 0 Likes (Newbie)]

On 5/7/2019 at 8:27 PM, PointC said:

But if you create a second one for an event, it will overwrite the first.

~Is still true in 3.7.1 because I could see callbacks not getting removed if we add a new one~