如何使頁面顯示函數完成時而不是每個函數完成時處理的數據

Question

我的doLoad()函數中有4個函數， doLoad()函數掃描文檔的跨度並處理其中的數據。 這些功能非常大，需要很多時間。 12秒

問題是，盡管這些功能彼此獨立，但在全部四個功能執行完畢之前，它們的工作將無法進行。

我希望他們在執行任務時顯示數據，而不是在全部四個完成后顯示數據。 我該如何實現？

這就是我的doLoad函數的樣子

function doLoad(){

 ...
 myFunction1();
 myFunction2();
 myFunction3();
 myFunction4();

}

Answer 1

這應該可以解決問題

function doLoad() {
  setTimeout(myFunction1,1);
  setTimeout(myFunction2,2);
  setTimeout(myFunction3,3);
  setTimeout(myFunction4,4);
}

默認情況下，JS順序執行。

Answer 2

如果他們真的獨立，可以使用

function doLoad(){
    ...
    setTimeout (myFunction1,5);
    setTimeout (myFunction2,5);
    setTimeout (myFunction3,5);
    setTimeout (myFunction4,5);
}