テキストを表示するにはどうすればいいですか？

Question

document.write('Test.'); 
while (true) 1; 

ブラウザに最初にテキストを表示してから、無限ループにジャンプします。しかし、私はテキストが表示されません。ブラウザを行ごとに強制的に移動させる方法は？私は、ブラウザに最初の行が終了するのを待つように指示する単純な関数を探しています。そんなことはありますか？ waitForEverythingToFinish()のようになります。 window.getComputedStyle(div).getPropertyValue('height')を使用して強制的に再描画します。

Answer 1

私はあなたのコメントに基づいて、この問題の本質は、それが長時間実行同期タスクを開始しする前にブラウザ画面を更新するための時間を持っていることを確認したいということだと思います。できるだけブラウザが画面を更新するので、メインスレッドをブロックすると、更新されたUIを取得できなくなります。これは、単純なタイムアウトで可能でなければならない、またはコメントが示唆したように、​​。

シンプルタイムアウト：

// For example, document.write(...) 
funcThatChangesScreen(); 

setTimeout(function() { 
    // For example, lots of heavy calculations 
    synchronousFuncThatTakesALongTime(); 
}, 100); 

JSFiddle比較：

• Without timeout
• With timeout

または、requestAnimationFrameを参照してください。

編集：コメントの他の人が指摘しているように、これは本当にあなたが望むものを得るための最良の方法ではありません。長期実行同期タスクを使用している場合は、WebWorkerに委譲するか、非同期にするのが最適です。このタイムアウト解決策では、ユーザーは画面上のテキストを見ることができますが、上記のJSFiddlesのように、UIをブロックしてしまいます。

Answer 2

これがあなたの目的に適しているかどうかを確認してください。

if(!document.write('Test.')){ 
    while (true) 1; 
}