Forum Discussion

ohwg's avatar
ohwg
Community Member
5 days ago

How do I add a delay to an animation that is triggered on click?

Basically, as the title suggests; I would like to trigger a number of animations with the click of a button, but I need them staggered - the first two animations begin immediately, and then the remaining animations begin a second later. I have staggered them in the timeline, but they continue to begin all at the same time.

I am losing my mind! Please help!

Thank you. 

Storyline 360 3.103.35301.0

2 Replies

  • Are you changing objects from hidden when you press the button, if they are chained animations perhaps put them on a layer and then show the layer

  • ohwg​ : You said you wanted animations to run in sequence after the user clicks a button. I'm assuming these are Entrance animations.

    When objects are staggered on the Timeline, they will appear as the Timeline runs. Exception: If an object has an Initial State of Hidden, it will appear when a trigger changes it to Normal or another visible state.

    Depending on what else happens on the slide, you could do this: 

    • Add a trigger that pauses the Timeline right before the first objects appear on the Timeline. 
    • Add a trigger that resumes the Timeline when the user clicks the button. That will make the objects appear as they are staggered on the Timeline.

     

    Another option: use a different "when" for each point in the sequence.

    For example, trigger the 1st two animations when the user clicks the button. If that's a 1-second animation, the remaining animations could be triggered when either of those animations completes.

     

    Another way to "time" triggers:

    • Add a shape off the slide. (Be sure to remove it from the focus order.)
    • Give the shape a motion-path animation that lasts for the desired duration.
    • Trigger that motion-path animation when the user clicks the button.
    • Trigger the other animations (or whatever action is desired) when the motion-path animation completes.