Animation not ending

[Sean_has_started_coding]

Hello all

 

Hope everyone is well.

I have put together an animation with a number of elements repeat indefinitely. Because of this, the animation does not end.

I am sure there's a simple fix for this, but I can't see how I can end the animation.
At the end of all my other animations, the text in the button switches to 'Play' but in this animation, the text 'Pause' is visible indefinitely.
(Please disregard the missing image for now)
Any help as ever would be appreciated.

Thank you.

See the Pen vYVbzPe by HappyGooner (@HappyGooner) on CodePen

[mvaneijgen]

Hi @Sean_has_started_coding I don't have time to fix your animation, but I would advise creating functions of sections of the timeline and add those to a main timeline, this will not only be easier to manage (and edit at a later time), but allows you to have looping stuff, without clogging up the main timeline. 

 

Here is an example I've made years ago (don't pay attention to the old GSAP syntax), but the logic should still apply. At line 74 I have a main timeline which has all kinds of other timelines add to it, some repeating, some not and as you can see you get a console.log when the mainTl has finished. Hope it helps and happy tweening! 

 

See the Pen WMdWxG?editors=0011 by mvaneijgen (@mvaneijgen) on CodePen

[Sean_has_started_coding]

That's great, thanks for your reply; yes I do need to use functions more.

I will have a look at cleaning the code tomorrow. Appreciate your time and advice.

[PointC]

I'm not quite sure what you're trying to accomplish with the infinite repeats on some of the tweens, but this thread may offer some helpful info too.

 

[Sean_has_started_coding]

Brilliant, thanks both. This will help me clean up and timeline and ensure my issues is fixed.

Have a great evening.