The way jQuery animate () works is that it uses a timer that periodically fires and invokes a function that updates the DOM to reflect the state of the animation. Typically animations are relatively short and they may cover a fair amount of screen real estate, so I suspect (without confirming) that the timer expires, and is reset, at a fairly high rate to generate a smooth animation. Since your animation takes a long time, you might be able to modify the animate function so that the rate at which the animation proceeds can be set via an option. In your case you’d only need to update every 250ms or so since you’re covering about 3-4 pixels per second, roughly.
Related articles
17 Useful jQuery Tricks and Best Practices
In the previous article, we learned about Common jQuery Ajax methods and
jQuery: Difference between remove() and detach() methods
Definition: remove() – Removes all child elements with selected element. In this method
How to get file size before uploading it using jquery
Script code: <script src="http://code.jquery.com/jquery-1.7.1.min.js" type="text/javascript" > </script> <script type="text/javascript"> [crayon-69cf930d32b22358822368/] </script> Html code: [crayon-69cf930d32b29387822689/] Demo: GetFileSize If you