javascript - javascript の実行中にブラウザーに DOM の変更をレンダリングさせることはできますか?

Question

JavaScript の実行中にブラウザに DOM の変更を強制的にレンダリングさせる方法はありますか? 次の例では、「1000」のみが表示されます。これは、実行中の JavaScript を処理するスレッドが 1 つしかないことが原因であることは理解していますが、ブラウザーに各 DOM 変更を強制的にレンダリングさせる方法があるかどうか疑問に思っていました。

例：

var el = document.getElementById("#fixup"),
   i;

for (i = 1; i <= 1000; i++) {
   // can i force this DOM update to the rendered?
   el.innerHTML = i.toString());
}

Answer 1

ここでforパフォーマンス テストを見ると、ループが非常に高速で、約0.135for秒で 1000 回ループできることがわかります。したがって、すべての反復を表示するsetTimedout()には、操作を遅くするために使用する必要があります。