once callback

[JinSan]

Hi,

 

I want to add callback to timeline and remove it from timeline after the callback is called once.

 

How do I implement it?

 

Thanks in advance,

 

[Carl]

Hi and welcome to the GreenSock forums,

 

You can remove an eventCallback like this:

 

var tl = new TimelineLite({onComplete:done});
tl.to(".box", 3, {rotation:360})


function done() {
  alert("this onComplete will fire only once, press the restart button");
  TweenLite.set("#restart", {visibility:"visible"});
  tl.eventCallback("onComplete", null);
}


document.getElementById("restart").onclick = function() {
  tl.restart();
}

http://codepen.io/GreenSock/pen/AXzrEN?editors=0010

 

If you need something different, please provide a demo (you can just fork mine) that illustrates the issue.

Thanks!

[JinSan]

Hi Carl,
 
I doesn't mean the event callback. I want to add and remove 'delayedCall' callback.
 
Here is a code snippet.

var tween = TweenLite.delayedCall(0, someFunc);
this.timeline.add(tween, position); 

I already know that I can remove it with timeline.kill(), but I should save the tween to remove it. I just want add once callback. I mean the callback is exactly called just once. What is the best way to implement the once called callback?

[annamary02]

 

Hi and welcome to the GreenSock forums,

 

You can remove an eventCallback like this:

 

var tl = new TimelineLite({onComplete:done});
tl.to(".box", 3, {rotation:360})


function done() {
  alert("this onComplete will fire only once, press the restart button");
  TweenLite.set("#restart", {visibility:"visible"});
  tl.eventCallback("onComplete", null);
}


document.getElementById("restart").onclick = function() {
  tl.restart();
}

See the Pen AXzrEN?editors=0010 by GreenSock (@GreenSock) on CodePen

 

If you need something different, please provide a demo (you can just fork mine) that illustrates the issue.

Thanks!

 

Thank you for sharing this. 

[JinSan]

Any other help for my last question?

 

Please notice my last comment.

 

 

 

I just want add once callback. I mean the callback is exactly called just once. What is the best way to implement the once called callback?

[Guest Vic_]

If you are asking .js question my guess is you can use flags or an event library like https://github.com/millermedeiros/js-signals/wiki/Examples 

 

hth. 

[OSUblake]

Are you trying to reuse that delayed call? If not, just do this.

tl.add(once);

function once() {
  tl.remove(once);
}

See the Pen 295984a420416c47ddf474fad7472226?editors=0011 by osublake (@osublake) on CodePen