How to keep animated gif running while doing intense calculations

javascript browser window animated-gif
Seth Carnegie picture Seth Carnegie · Sep 4, 2011 · Viewed 11.6k times · Source

I have a page which does some intense and long lasting calculations in Javascript. I would like to have a loading animation to tell the user progress is being made. I have an animated gif now, but the whole browser window freezes (and the gif does not play) while the Javascript is running. Then when it's done, it unfreezes. The calculations must be client-side so they cannot be done on a server.

Is there a way to keep Javascript from freezing the page and stopping animations from playing while it's doing calculations?

Answer

Mridul Kashatria picture Mridul Kashatria · Sep 4, 2011

You can also use HTML5 webworkers (Wikipedia) to run long running scripts in the background. It is just like multi threading for javascript.

It will work in latest browsers except IE.

Found a game using webworkers check it out

Related questions

Is there a way to detect if a browser window is not currently active?

I have JavaScript that is doing activity periodically. When the user is not looking at the site (i.e., the window or tab does not have focus), it'd be nice to not run. Is there a way to do this …

Read More
window.location vs. document.location

Should both of them reference the same object?

Read More
How to prevent closing browser window?

I tried the following code to get an alert upon closing a browser window: window.onbeforeunload = confirmExit; function confirmExit() { return "You have attempted to leave this page. If you have made any changes to the fields without clicking the Save …

Read More