[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中文网其他相关文章！