How to stop , pause continue and restart animation

[Jean-Marie Pirard]

I would like to set a button to stop , pause continue and restart animation , jump to a certain sequence.

Thanks and happy new year.

JM

[Google Web Designer beta]

Happy New Year, JM

Thank you for using GWD.

You can set buttons to control timeline animation by using events.

The following is an example to play animation by a button.

1) Create animation in timeline

2) Create Button A to control the animation

3) Give ID name to the button

4) Insert an event marker (diamond shape icon) at 0 in timeline. Double-click it and set "Pause" in timeline. 

page1>event-1>timeline:pause>

5) Set timeline event to the button. For example, Right-click Button A to add event

buttonA-id>mouse:click>timeline:play

6) You can also use "togglePlay" instead of "Play", if you like to play/pause the animation by the button

Please refer to this help document that mentions timeline event: https://support.google.com/webdesigner/answer/4597391?hl=en&ref_topic=6000799

Hope this helps, thank you,

Mariko (GWD team)