logo

JavaScriptのsetInterval()メソッド

setInterval() JavaScript のメソッドは、指定された時間間隔ごとに指定された関数を繰り返すために使用されます。指定された間隔で式を評価するか、関数を呼び出します。このメソッドは、ウィンドウが閉じられるか、ウィンドウが閉じられるまで関数の呼び出しを続けます。 クリアインターバル() メソッドが呼び出されます。このメソッドは、作成されたタイマーを識別する数値またはゼロ以外の数値を返します。

とは異なり、 setTimeout() メソッド、 setInterval() メソッドは関数を複数回呼び出します。このメソッドは、 接頭語。

一般的に使用される構文は、 setInterval() 方法を以下に示します。

構文

 window.setInterval(function, milliseconds); 

パラメータ値

このメソッドは 2 つのパラメータ値を受け取ります 関数 そして ミリ秒 それは次のように定義されます。

関数: これは、実行されるコードのブロックを含む関数です。

ミリ秒: このパラメータは、各実行間の時間間隔の長さを表します。間隔はミリ秒単位です。コードが実行される頻度を定義します。値が 10 未満の場合は、値 10 が使用されます。

死刑執行を止めるにはどうすればいいですか?

使用できます クリアインターバル() で指定された関数の実行を停止するメソッド setInterval() 方法。によって返される値 setInterval() メソッドは引数として使用できます クリアインターバル() タイムアウトを解除するメソッドです。

の使い方を理解しましょう setInterval() いくつかのイラストを使用してメソッドを説明します。

例1

これは、 setInterval() 方法。ここでは、アラート ダイアログ ボックスが 3 秒間隔で表示されます。で指定された関数の実行を停止するメソッドは使用していません。 setInterval() 方法。したがって、メソッドはウィンドウが閉じるまで関数の実行を続けます。

 setInterval() method <h3> This is an example of using the setInterval() method </h3> <p> Here, the background color changes on every 200 milliseconds. </p> Stop var var1 = setInterval(color, 200); function color() { var var2 = document.body; var2.style.backgroundColor = var2.style.backgroundColor == &apos;lightblue&apos; ? &apos;lightgreen&apos; : &apos;lightblue&apos;; } function stop() { clearInterval(var1); } 
今すぐテストしてください

出力

JavaScriptのsetInterval()メソッド

背景の色は 200 ミリ秒後に変化し始めます。指定されたものをクリックすると、 停止 ボタンを押すと、対応する背景色で色の切り替えが停止します。ボタンをクリックした後の出力は次のようになります -

JavaScriptのsetInterval()メソッド