[Javascript]避免ProgressBar不移動的現象（只有一系列流程完成後才會移動）

當您在 html 中建立需要長時間處理的 javascript 時，您是否曾經實現過 ProgressBar，並且遇到只有在整個過程完成後才移動 ProgressBar 的問題？

在本文中，我想介紹一個針對這種情況的臨時修復範例。

如果您按照以下步驟操作，進度條將在處理過程中運作。

---

第 1 步：將整個過程放在非同步方法中

首先，將整個過程放在一個非同步方法中並執行它。

async function MyFunction(ctx, canvas) {

}

MyFunction(ctx, canvas); // Be sure to run it in the original location.

---

第2步：更改ProgressBar的值後寫出睡眠

接下來，更改 ProgressBar 的值後寫入以下內容。

const sleep = ms => new Promise(resolve => setTimeout(resolve, ms))
await sleep(0);

這將導致進度條在過程中發生變化。

---

我們介紹了一個臨時解決方案的範例，以使ProgressBar功能正常。

我希望這篇文章能幫助您至少解決一個難題。

感謝您的閱讀。

以上是[Javascript]避免ProgressBar不移動的現象（只有一系列流程完成後才會移動）的詳細內容。更多資訊請關注PHP中文網其他相關文章！