JS Animations-Can't Stop The Rotation...

[Eyad Syria-lover]

Hello.

I've Tried To Create An Animation (A Shape Which Rotate),But I'am Unable To Make It Stop.

Here's The Code:

 

http://jsbin.com/zevotu/edit

 

How Can I Make This Animation Stop Rotating After It Rotate 270 Degree?

[justsomeguy]

You're keeping track of the degrees of rotation, so you can stop the interval whenever that hits the place you want to stop at. You should start the rotation at 0 instead of 360 though to make it more obvious.

[Eyad Syria-lover]

You're keeping track of the degrees of rotation, so you can stop the interval whenever that hits the place you want to stop at. You should start the rotation at 0 instead of 360 though to make it more obvious.

 

Sir Can You Provide Me With A Code (If You Don't Mind)?

Thanks In Advance...

[Ingolme]

You need to understand the theory, giving you code to copy and paste would hinder your ability to learn.

 

Your code is starting degree at 360 and then adding 1 to it on every interval, so to count 270 degrees on top of that you would need to check for 360 + 270 degrees. When degree is equal to that amount, call clearInterval() to stop the animation

[dsonesuk]

Use if condition to reset to 0 if degree == 360, you can then use this in future for multiple rotations, then use if condition to apply clearInterval() if degree == 270.