title: How do I get my page to display data that my functions process as they finish rather than when every function finishes
body: <p>I have got 4 functions in my <code>doLoad()</code> function that scan the document for spans and manipulate the data in them. these functions are very big and take a lot of time. 12 seconds.</p>
  
  <p>The problem is, although these functions are independent of eachother, none of their work is presented until all 4 have finished execting.</p>
  
  <p>I want them to display the data as they finish excuting instead of displaying the data after all four have finish. How can I achieve that?</p>
  
  <p>this is how my doLoad function looks like</p>
  
  <pre><code>function doLoad(){
  
   ...
   myFunction1();
   myFunction2();
   myFunction3();
   myFunction4();
  
  }
  </code></pre>