This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Dae Hyuk Yoon
Posted Sep 16 - Read on Facebook

Does anyone have an example of using utils.interval for looping a group of animations? I have 4 animations with delays combined into a function but it's not working properly.

9 Comments

Stephen Crowley

Utils.interval(1,functionName) isn't working?

Dae Hyuk Yoon

It does, but my animation timings are off. I've added incremental .5 delay on 2nd, 3rd and 4th animation but animations don't loop nicely together.

Stephen Crowley

Ok so for delay animation 1 is 0 then 2 is 0.5 and 3 is 1? Interval then should be more depending on how long the last animation is from start to finish.

Stephen Crowley

We'll, you get the idea... Any chance you can share your code?

Stephen Crowley

So, not quite sure what effect you are going for. but to get that animation you have on load to loop have the interval set to 3 not 0.5 and call it after loopAnimation();

Dae Hyuk Yoon

The animation doesn't work as I wanted even without utils.interval. I'll figure out the animation first and try the method. Thanks Stephen ;)

Stephen Crowley

Ok. if you can describe how you want it to look, maybe have an example of something in another application or another framer example I can try and help.

Dae Hyuk Yoon

Any chained animation examples will help. I've tried using states with StateDidChange event with no luck, so I'm trying to see if this could be a good alternative.

Read the entire post on Facebook