ホームページ  >  に質問  >  本文

JavaScriptでリアルタイムの表示更新を強制するにはどうすればよいですか?

<p>ウェブページをリアルタイムで更新するための JavaScript を取得するにはどうすればよいですか? 私の Chrome ブラウザは、必要な計算にすべての処理作業を費やしてから、Web ページを更新しているようです。以下は最も単純なテスト HTML ファイルです。 (最終値にジャンプするのではなく) 順次カウントすることを希望します。 <code>display.innerHTML = i;</code> を何に置き換えればよいでしょうか? </p> <p>setInterval などを使用して計算を多数の計算に分割しないことが答えであることを願います。もちろん、これによって発生する割り込みによって表示が更新されますが、私はこれを詳細に管理するのは好きではありません...ブラウザーが終了するまでカウントが続行されないように、「ブロック」表示機能があればいいのにと思います表示をレンダリングすると更新されます (または、C が提供するような「更新」コマンドはありますか?)。必要に応じて開発者コンソールを使用することもできますが、それも理想的ではありません。 </p> <pre class="brush:php;toolbar:false;"><!DOCTYPE html> <html> <本体> <p id="ディスプレイ"></p> <スクリプト> const display = document.getElementById("表示"); for (let i = 0; i <= 3000000000; i ) { if (i % 100000000 == 0) display.innerHTML = i; } </スクリプト> </ボディ> </html></pre></p>
P粉148434742P粉148434742411日前502

全員に返信(1)返信します

  • P粉369196603

    P粉3691966032023-09-05 10:50:29

    リクエストアニメーションフレームメソッド

    ループを終了するときに requestAnimationFrame または setTimeout を使用して UI を更新できるようにし、中断したところからループを再開します。

    リーリー リーリー


    Web Worker メソッド

    アルゴリズムを JS ファイルに入れると、更新が必要なときにメッセージが投稿されます

    リーリー

    と UI コードに含めます。

    リーリー

    返事
    0
  • キャンセル返事