在JavaScript中强制DOM刷新

Question

我在点击事件处理程序中运行循环，执行以下操作：

• 运行繁重的计算（需要1-3s）
• 致电$("<li> + data + </li>").appendTo($("#results"))

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

如何强制刷新DOM？

Answer 1

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

如果没有，请在每次计算后使用setTimeout来中断callstack并允许浏览器在渲染时使用时间。