JavaScript でタイマーがどのように機能するかを説明する

JavaScript では、タイマーは非常に注目すべき機能です。通常の時計タイマーと同様に、特定の時間にタイマーを開始し、特定の時間後に JavaScript の関数またはコードを実行できます。

簡単に言えば、タイマーを使用して遅延後にコードを実行できます。例えば、Webサイトにアクセスすると、3～4分後に登録ボックスが表示されるのですが、これを実現するにはJavaScriptを利用します。登録ポップアップを表示するために遅延タイマーを設定できます。

実生活におけるタイマーのもう 1 つの優れた例は、アプリ内広告です。アプリを開くと、2 ～ 3 分後に広告が表示され始め、1 ～ 2 分間隔で広告が切り替わります。

つまり、JavaScript にはタイマーを設定するための 2 つの異なる関数があり、このチュートリアルではこれらについて説明します。

setTimeOut() 関数を使用して、特定の時間後にコードを実行します

setTimeOut() この関数を使用すると、特定の遅延の後にコードを実行できます。ただし、遅延を定義することができます。特定の遅延後にコードを 1 回だけ実行します。

#setTimeOut() 関数が実行されると、タイマーが開始され、一定の遅延の後にコールバック関数が実行されます。 ＃＃＃文法＃＃＃

ユーザーは、次の構文に従って setTimeOut() 関数を使用できます。

リーリー

上記の構文では、コールバック関数はアロー関数としても実行できます。

パラメータ

Callback
• – これは遅延時間の後に実行される関数です。

Delay
• – 遅延は、コールバック関数が実行されるまでの時間 (ミリ秒単位) です。
  戻り値

setTimeOut() 関数は、タイマーを終了するために使用できる一意の ID を返します。

＃＃＃例＃＃＃

以下の例では、ユーザーが「タイマーの開始」ボタンをクリックすると、

callTimer()

関数が呼び出されます。ユーザーは、「callTimer 関数が最初に実行されました」と出力し、2000 ミリ秒後に setTimeOut() 関数がコールバック関数を呼び出したため、「この関数は遅延後に実行されます」と出力していることがわかります。

リーリー

setInterval() 関数を使用して、各時間間隔の後にこの関数を実行します

setTimeOut()

関数はコールバック関数を 1 回だけ実行しますが、

setInterval()

関数は 2 番目のパラメーターとして渡す各時間間隔の後にコード setInterval() を実行します。

＃＃＃文法＃＃＃ ユーザーは、次の構文に従って setInterval() 関数を使用できます。 リーリー パラメータ

Callback

– これは、各時間間隔の後に setInterval() 関数が呼び出す関数です。

• Interval – 各間隔の後にコールバック関数が呼び出されるまでの時間 (ミリ秒)。

• 戻り値

  setInterval() 関数は、setTimeout() 関数と同様に一意の ID も返します。これを使用してタイマーを停止できます。 ＃＃＃例＃＃＃

  この例では、setInterval() 関数を使用して、1000 ミリ秒ごとにコールバック関数を呼び出します。ユーザーは、タイマー開始ボタンが押されると、startInterval() 関数が実行され、setInterval() 関数が呼び出されることがわかります。 setInterval() 関数は、1 秒ごとにコールバック関数を呼び出します。
リーリー

clearTimeOut() 関数と clearInterval() 関数を使用してタイマーを終了します

タイマーを開始した後、タイマーを停止する必要もあります。 setTimeOut() 関数を停止するには、clearTimeOut() 関数を使用し、setInterval() 関数を停止するには、clearInterval() 関数を使用します。

＃＃＃文法＃＃＃ リーリー

パラメータ

TimerId

– これは、setTimeOut() または setInterval() 関数によって返される一意の ID です。

＃＃＃例＃＃＃

以下の例では、setInterval() タイマー関数を使用して、この関数を毎秒呼び出します。さらに、setInterval() 関数がコールバック関数を呼び出した回数を追跡します。

コールバック関数では、if ステートメントを使用してカウントが 3 より大きいかどうかを確認し、clearInterval() 関数を使用してタイマーを終了します。

リーリー
• 上記の出力では、カウントが 3 を超えたときにタイマーを終了するため、カウント = 3 まで印刷されることがわかります。

以上がJavaScript でタイマーがどのように機能するかを説明するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。