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

What is Framer? Join the Community
Return to index
Tarun Chakravorty
Posted Apr 24 - Read on Facebook

Hi guys,
I'm having some trouble using the delay function in framer. Here is a gif of what I have so far: http://goo.gl/lbEsLS

What i want to do is have those arrows fadein _after_ the box in the middle slides in. But as you see in the gif, the arrows start fading in almost as soon as the boxes start sliding left right.

I am doing the following :

function moveBoxes(){

//animate x,y position using spring(500,90,500)

utils.delay(9000, fadeinArrows())
//change opacity in 300ms in this function

}

This should give plenty time between the boxes sliding into position and executing the function to fade the arrows no? Not sure whats going on here.

2 Comments

Tisho Georgiev

Take out the parentheses after fadeinArrows in your utils.delay call. It should read:

utils.delay(9000, fadeinArrows)

fadeinArrows (no parentheses) is just a reference to the function. It's like telling the delay util "I have this function named fadeinArrows and I want you to execute it after 9 seconds". When you put parentheses after the function name, you're actually executing it right away.

Tarun Chakravorty

this worked! Thank you so much!

Read the entire post on Facebook