How do I get my page to display data that my functions process as they finish rather than when every function finishes
<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>
