Prevent long running javascript from locking up browser

by

if you can turn your calculation algorithm into something which can be called iteratively, you could release control back the browser at frequent intervals by using setTimeout with a short timeout value.

For example, something like this…

function doCalculation()
{
   //do your thing for a short time

   //figure out how complete you are
   var percent_complete=....

   return percent_complete;
}

function pump()
{
   var percent_complete=doCalculation();

   //maybe update a progress meter here!

   //carry on pumping?
   if (percent_complete<100)
   {
      setTimeout(pump, 50);
   }
}

//start the calculation
pump();

More Related Contents:

  1. Do not include in random number
  2. Create and save a file with JavaScript [duplicate]
  3. JavaScript “new Array(n)” and “Array.prototype.map” weirdness
  4. Dynamically add script tag with src that may include document.write
  5. When should I use jQuery’s document.ready function?
  6. What exactly is the parameter e (event) and why pass it to JavaScript functions?
  7. How to compress an image via Javascript in the browser?
  8. jQuery checkbox checked state changed event
  9. Why is console.log() considered better than alert()?
  10. “this” keyword in event methods when using JavaScript prototype object
  11. How do I render components with different layouts/elements using react-router-dom v6
  12. How to include multiple js files using jQuery $.getScript() method
  13. Where do the parameters in a javascript callback function come from?
  14. Element not visible error (not able to click an element)
  15. How to check whether is empty? (in Angular 2+ till now)
  16. Binary Search in Javascript
  17. jQuery clone() not cloning event bindings, even with on()
  18. jQuery.when – Callback for when ALL Deferreds are no longer ‘unresolved’ (either resolved or rejected)?
  19. Dynamically resizing Image-maps and images
  20. How do I create and read a value from cookie with javascript?
  21. How to check if element has any children in Javascript?
  22. De-obfuscate Javascript code to make it readable again [duplicate]
  23. Can I run HTML files directly from GitHub, instead of just viewing their source?
  24. Spreading undefined in array vs object
  25. Find the characters in a string which are not duplicated
  26. How do you easily create empty matrices javascript?
  27. Mongoose stopped accepting callbacks for some of its functions
  28. Assigning to document.location.href without clobbering history
  29. jQuery JSONP ajax, authentication header not being set
  30. How to set up Python server side with javascript client side

Leave a Comment