Animate html5 canvas - how to pause frame for 10 seconds and then automatically continue animation

[12222305]

I can't seem to figure out how to pause the animation for 10 seconds at a given frame and after 10 seconds the animation continues. I can get it to stop using:

this.stop();

but how do I add a time of 10 seconds to start again?

Thanks.

[JoãoCésar · Accepted solution]

Hi.

Use the setTimeout method.

Like this:

var target = this; // the target Movie Clip instance you want to pause

target.stop();

window.setTimeout(function()
{
    target.play();
}, 1000 * 10); // time in milliseconds. Each second is equal to 1000 milliseconds

Regards,

JC

[12222305]

Perfect. Thank you.

[JoãoCésar]

You're welcome!