Can I stop a started animation?

Question

Suppose I have this animation that start at some point :

myElement.animate({ top: -currentTempImageX, left: -currentTempImageY }, 5000);

that take 5 seconds to animate! Suppose I want to stop it after 2 seconds. Can I have this control?

Thank you

score 4 · Accepted Answer · answered Sep 14 '12 at 12:40

4

Yes, you can

myElement.stop();

If you want to stop the animation after 2 seconds then use,

setTimeout(function(){myElement.stop();}, 2000);

answered Sep 14 '12 at 12:40

Muthu Kumaran

score 0 · Answer 2 · answered Sep 14 '12 at 12:42

0

User setTimeout() as suggested by Bhuvan Rikka , for stop that use clearTimeout() function .. for example see this link

answered Sep 14 '12 at 12:42

Jageen

score 0 · Answer 3 · edited May 23 '17 at 12:03

0

You may also check the FX queue (used for the jquery animations)

or this other topic.

edited May 23 '17 at 12:03

Community

answered Sep 14 '12 at 12:43

Pedro Ivo

3 Answers3