neeh

Repeat animation infinitely with a TimelineMax including a pause

Recommended Posts

Hi there,

 

I'm trying to make an animation to repeat infinitely with a TimelineMax instance that includes a pause.

 

var tl = new TimelineMax({ repeat: -1 })
  .to(repeatWithPause, 0.5, { rotation: 180 })
  .to(repeatWithPause, 0.5, { rotation: 0 })
  .addPause(1.0);

 

You can see in the codepen what I've tried so far. It seems I'm able to repeat several times the first animation. But as soon as I add a pause in the timeline, only the first iteration is played. The same applies for repeat > 1 and when the addPause() isn't at the end of the timeline.

 

I might be doing something wrong.

 

Any help appreciated.

Edited by neeh
typo + grammar

Share this post


Link to post
Share on other sites

Hi @neeh :)

 

Welcome to the forum.

 

If you'd like to infinitely repeat a timeline, but have a pause between repeats, you just need to add a repeatDelay. Like this:

 

var tl = new TimelineMax({ repeat: -1, repeatDelay: 1 })

 

Hopefully that helps. Happy tweening.

:)

  • Like 6

Share this post


Link to post
Share on other sites

Thank you Craig for this quick answer!

 

It works!

 

Strangely, the code I had use to work on a project using 1.19.1. The problem appeared as I updated to 1.20.2

 

Thanks again

  • Like 1

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.