javascript - javascriptでのsetTimeoutとスレッド化がよくわかりません

Question

Events and timing in-depthで記事を見つけました。この記事には例があります。

function run() {
  var div = document.getElementsByTagName('div')[0]
  for(var i=0xA00000;i<0xFFFFFF;i++) {
    div.style.backgroundColor = '#'+i.toString(16)
  }
}

それは言う：

ほとんどのブラウザーでは、スクリプトが終了するか、ブラウザーが「スクリプトの実行時間が長すぎます」というメッセージで一時停止するまで、何も表示されません。

つまり、これらのコードの実行中はアニメーションが表示されません。

しかし、なぜですか?よくわかりません。コードの実行速度が速すぎるのですか? または、コードの実行後にレンダリング ジョブが完了しますか?

setTimeoutそして、なぜアニメーションを表示できるように追加するのですか?