I want to pause the timeline for 2 seconds?

1,804 views
Skip to first unread message

reason...@gmail.com

unread,
Oct 8, 2015, 8:16:00 AM10/8/15
to Google Web Designer beta
I have a basic animation but I want the animation to pause for 2secs and then continue on, please help

mkalk...@gmail.com

unread,
Oct 8, 2015, 8:39:51 AM10/8/15
to Google Web Designer beta
You can add an event on the Events then in the Action tab, use custom action and write the custom javascript (call a pause on the current page and then add a javscript timer to play the current page from a specific label)
Keep in mind you should label the exact frame of the Event with some readable name.
The code will look some how like:


//1. stoping the timeline:
gwd.actions.timeline.pause('mypage');
//2.setting a timeout:
setTimeout(function(){
//3. going to specific label and play again(if the label is exactly over the event, then timeline will continue from the current position.
gwd.actions.timeline.gotoAndPlay('mypage', 'mylabel');
//4. make the call after 2000milisecond or 2 seconds.
}, 2000);

roman....@gmail.com

unread,
Dec 4, 2017, 3:43:27 AM12/4/17
to Google Web Designer beta
Hi, thx for the solution, but my script not work, mypage has a name "page1" and continue label r1. What im doing wrong?

This is my script

gwd.makeapause = function(event)
{
gwd.actions.timeline.pause('page1');
setTimeout(function() {
gwd.actions.timeline.gotoAndPlay('page1', 'r1');
}, 2000);

San Khong

unread,
Dec 4, 2017, 3:12:48 PM12/4/17
to Google Web Designer beta
Hi roman,

Your script is correct. The problem is in the new release of Google Web Designer, using gwd.actions.timeline.pause('page1'); in custom actions does not work because of the missing animation runtime (please see this post). We are working on a fix for it. To workaround the issue, add a timeline pause event using the UI at a time outside of your animation so that the animation runtime is added for custom actions to work.

Right click on the Events layer at a time outside of your animation and select Add event, double click on the event market and add the timeline pause event.

I also attached the file.

Thanks,
San
Google Web Designer team
timeout.html

roman....@gmail.com

unread,
Dec 4, 2017, 3:19:17 PM12/4/17
to Google Web Designer beta
Hi and thx for the answer.

Roman

roman....@gmail.com

unread,
Dec 5, 2017, 8:57:37 AM12/5/17
to Google Web Designer beta
One last question, the program updates itself, or I have to download it again?
Thx.

San Khong

unread,
Dec 5, 2017, 1:41:58 PM12/5/17
to Google Web Designer beta
Using the same update mechanism as Chrome, it will update itself when you relaunch. 

San Khong

unread,
Dec 5, 2017, 6:15:32 PM12/5/17
to Google Web Designer beta
Hi Roman,

We just released an update to Google Web Designer that should fix the issue you were seeing. You no longer need to add a pause event in the timeline UI for pause to work in custom actions.

Thanks,
San
Reply all
Reply to author
Forward
0 new messages