JavaScriptでリアルタイムの表示更新を強制するにはどうすればよいですか?
P粉148434742
2023-09-04 17:44:30
<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>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
リクエストアニメーションフレームメソッドループを終了するときに requestAnimationFrame または setTimeout を使用して UI を更新できるようにし、中断したところからループを再開します。
Web Worker メソッド
アルゴリズムを JS ファイルに入れると、更新が必要なときにメッセージが投稿されます
リーリーと UI コードに含めます。
リーリー