Hey there. In this video we're gonna look at how  to stop an animation using some JavaScript. Okay? Um, we'll notice by preview, by default,  it really wants to loop forever. It goes to back to the beginning and then loops background. Okay?

So what we are gonna do is we're gonna go through  and add a bit of code just to make it stop. And what you wanna do is you want  to have your playhead along where you want it to stop. I'm gonna get mine stop at the end. I'm gonna click in any of these last frames. It doesn't matter. Um, it's quite cool.

What used to happen is you had to create our own layer,  call it actions, create a key frame, all sorts of stuff. So if you're old school flash, you  don't have to worry about that stuff anymore. All you need to do is have your timeline along here. I'm gonna go to, uh, window, go to actions. Where's my actions? Panel, hidden actions.

He's hidden down here. Hello. There you are. Um, and then I'm gonna go code snippet. If it's grayed out, it means that you've clicked on up here  in the timeline, but maybe not on any kind  of like associated kind of frame down here. So sometimes it's grayed out, hit on code snippets.

Code snippets are hiding down here too. Okay? And in this code snippet, uh, you want the one  that says H two R five, canvas Timeline navigation. And this one here, because stop at this frame. Double click, there's the code there. Okay?

And you can see down here, it's created a new  layer for me called actions. And it's created a key frame for it. And if I click off, you'll see the a, the lowercase A. That means there's an action applied to it. It's not action script, okay? It's JavaScript.

But, um, and that's what it is here. But that's the thing that'll get to stop It's preview  plays once and wobbly arm stops. All right? So that's how to add an action, uh,  and how to get your animation to stop using JavaScript.