Window.setInterval() メソッドの使用方法

百草
リリース: 2023-08-31 09:35:55
オリジナル
1436 人が閲覧しました

Window.setInterval() メソッドの基本構文は「window.setInterval(function, late)」です。function は繰り返し実行される関数またはコード ブロック、delay は各実行間の時間間隔です。単位はミリ秒です。このメソッドは、指定した関数またはコードをスケジュールされた時刻に繰り返し実行するために使用される JavaScript のメソッドです。その使用法は非常に簡単で、実行する関数またはコード ブロックと繰り返し実行する時間間隔を渡すだけです。

Window.setInterval() メソッドの使用方法

Window.setInterval() メソッドは、指定された関数またはコードをスケジュールされた時間に繰り返し実行するために使用される JavaScript のメソッドです。使用方法は非常に簡単で、実行する関数またはコード ブロックと、繰り返し実行する時間間隔の 2 つのパラメーターを渡すだけです。

次は、Window.setInterval() メソッドを使用するための基本的な構文です。

window.setInterval(function, delay)
ログイン後にコピー

ここで、 function は繰り返し実行される関数またはコード ブロックであり、遅延します。毎回実行される間隔 (ミリ秒単位)。たとえば、関数を 1 秒ごとに実行したい場合は、次のように記述できます。

window.setInterval(myFunction, 1000)
ログイン後にコピー

この例では、myFunction が実行される関数で、1000 は 1 秒ごとに実行することを意味します。

関数に加えて、コード ブロックをパラメーターとして直接渡すこともできます。たとえば、「He​​llo, World!」を 2 秒ごとに出力する場合は、次のように記述できます。

window.setInterval(function(){
  console.log("Hello, World!");
}, 2000);
ログイン後にコピー

この例では、print ステートメントを匿名関数として setInterval メソッドに直接渡します。

setInterval メソッドは、タイマーをキャンセルするために使用できる一意の識別子を返すことに注意してください。タイマーの実行を停止したい場合は、Window.clearInterval メソッドを使用できます。たとえば、次のコードは 5 秒後にタイマーの実行を停止します。

var intervalId = window.setInterval(myFunction, 1000);
window.setTimeout(function(){
  window.clearInterval(intervalId);
}, 5000);
ログイン後にコピー

この例では、まず setInterval メソッドを使用してタイマーを作成し、返された識別子を intervalId 変数に格納します。次に、setTimeout メソッドを使用して 5 秒後に clearInterval メソッドを呼び出し、タイマーの実行を停止します。

要約すると、Window.setInterval() メソッドは、指定された関数またはコードをスケジュールされた時間に繰り返し実行するために使用される JavaScript のメソッドです。使用方法は非常に簡単で、実行する関数またはコード ブロックと、繰り返し実行する時間間隔を渡すだけです。同時に、Window.clearInterval メソッドを使用してタイマーの実行を停止することもできます。

以上がWindow.setInterval() メソッドの使用方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート