logo

JavaScript の setTimeout() 関数の目的は何ですか?

JavaScript では、 setTimeout() 関数 遅延を追加したり、特定の期間後に特定の関数の実行をスケジュールしたりするのに非常に適しています。これはブラウザ環境と Node.js の両方の重要な機能であり、コード実行の非同期動作を可能にします。 Web アプリケーションを構築している場合でも、サーバーサイド スクリプトを構築している場合でも、setTimeout() を使用すると、プログラムの残りのフローをブロックすることなく、タイミング関連のタスクを柔軟に管理できます。

構文:



setTimeout(function, milliseconds, arg1, arg2, ...);>

パラメーター:

  • 関数 : 指定した時間が経過すると実行される機能です。
  • ミリ秒 : 遅延時間はミリ秒単位で表されます。
  • 引数1 引数2 : 必要に応じて、これらはオプションのパラメータです。

1. キャンセル setTimeout()>

JavaScript は、対応する関数を提供します。clearTimeout()>スケジュールされたタイムアウトを実行前にキャンセルします。

例: この例では、settimeout. のキャンセルを示しています。

JavaScript
function delayedFunction() {  console.log('This won't be executed due to clearTimeout'); } let timeoutId = setTimeout(delayedFunction, 2000); // Cancel the setTimeout before it executes clearTimeout(timeoutId); console.log('Timeout canceled');>

2. 目的 setTimeout()>

JavaScript では、setTimeout()>関数は、遅延を導入したり、指定された時間が経過した後に特定の関数を実行したりするために使用されます。これはブラウザーと Node.js によって提供される Web API の一部であり、コードの非同期実行を可能にします。



例: 以下はsettimeoutの例です。

JavaScript
console.log('Start'); setTimeout(function() {  console.log('Delayed log after 2000 milliseconds'); }, 2000); console.log('End');>

出力:

Start End Delayed log after 2000 milliseconds>

説明:



  • setTimeout()>function は、コールバック関数とミリ秒単位の遅延時間の 2 つのパラメータを取ります。
  • この例では、最初の開始ログと終了ログの後に、setTimeout()>2000 ミリ秒 (2 秒) 後にコールバック関数 (遅延ログ) を実行するように設定されています。
  • コードの残りの部分は遅延を待たずに実行を継続し、非同期の性質を示しています。setTimeout()>
  • 指定された遅延の後、コールバック関数が呼び出され、「2000 ミリ秒後の遅延ログ」メッセージがコンソールに記録されます。

使用例:

  1. 実行の遅延: コード実行に遅延を導入するために使用でき、アニメーション、時間指定されたイベント、遅延操作などのシナリオに役立ちます。
  2. 非同期操作: コールバック関数と組み合わせると、非同期動作が容易になり、ノンブロッキングのコード実行が可能になります。
  3. Web 開発におけるタイムアウト: これは、特定の時間が経過した後に通知を表示したり、コンテンツを更新したりするなど、タイムアウトを処理するために Web 開発でよく使用されます。