Fire function on final timeline repeat?

[curtiswiens]

Sorry if this is obvious. I feel like I have done it before cannot find a way to do it after searching forums and docs. I have a timeline repeating 2 times and I want to call a onRepeatComplete. Should I just var+=1  if var = 3?  Thanks!

[alig01]

Hey, 

 

I couldn't find onRepeatComplete anywhere, which is probably why it didn't work. You most likely meant onRepeat.

But maybe an onComplete is sufficient as well, if you are indeed in your last repeat (according to the title), so you can avoid the variable incrementing.

 

[curtiswiens]

Sorry, yeah I made that method name up wishing it existed  

[curtiswiens]

onComplete is triggering from the first run. I could time it with delays too. I dont want the rollOver to work until the timeline runs 3 times. 

[alig01]

Normally it should only be triggered at the end, maybe some other little error slipped in there, but at this point it's hard to tell. 

If the problem continues then you should definitely create a minimal codepen so we can have a better look at it.

 

From the documentation:

//create the timeline that repeats 3 times with 1 second between each repeat and then call myFunction() when it completes
var tl = gsap.timeline({repeat: 3, repeatDelay: 1, onComplete: myFunction});

 

[Rodrigo]

Hi @curtiswiens,

 

We got you covered , what you need is the iteration method: 

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

 

Just plug that on the onRepeat callback to check if this is the last iteration based on the number of repeats you have. Here is a live example:

See the Pen yLjrGra by GreenSock (@GreenSock) on CodePen

 

Let us know if you have any other question.

 

Happy Tweening!

[curtiswiens]

Thanks all!