javascript - 在 JavaScript 中强制刷新 DOM

Question

我正在执行以下操作的点击事件处理程序中运行一个循环:

• 运行繁重的计算(需要 1-3 秒)
• 调用$("<li> + data + </li>").appendTo($("#results"))

问题是，DOM 在循环终止之前不会刷新。循环运行 100 次迭代，这花费的时间太长，我想每次计算一次都给出一个结果。

如何强制刷新 DOM？

Answer 1

如果您使用的是支持它的浏览器，workers非常适合这种情况。

如果不是，则在每次计算后使用 setTimeout 来中断调用堆栈并允许浏览器在渲染时使用时间。