JavaScript を使用して実行時に setinterval() メソッドの間隔を変更するにはどうすればよいですか?-jsチュートリアル-php.cn

JavaScript を使用して実行時に setinterval() メソッドの間隔を変更するにはどうすればよいですか?

PHPz

リリース： 2023-09-07 23:45:10

転載

969 人が閲覧しました

如何使用 JavaScript 在运行时更改 setinterval() 方法的时间间隔？

setInterval() メソッドは、括弧内のパラメーターとして指定された特定の時間間隔の後に、コードの特定のブロックを繰り返し呼び出すために使用されます。 setInterval() メソッドは 2 つのパラメータを受け入れます。最初のパラメータは繰り返し実行する必要があるコードで、2 番目のパラメータはコードを再度実行する必要がある時刻です。

この記事では、実行時に setInterval() メソッドの時間間隔を変更する方法を学びます。このようにして、指定されたコードが不定期または可変間隔で実行されます。

JavaScript には、以下に示すように、setInterval() メソッドの時間間隔を変更するための 2 つの異なる組み込みメソッドが用意されています。 -

clearInterval() メソッドを使用します。
setTimeout() メソッドを使用します。

これら 2 つのメソッドの動作原理と実装についてそれぞれ詳しく学びましょう。

clearInterval() メソッドを使用する

clearInterval() メソッドは、以前に実行された setInterval() 関数をクリアまたは停止するために使用されます。 setInterval() に渡される関数内でこの関数を呼び出すことで、このメソッドを使用して seInterval() メソッドの時間間隔を変更できます。これにより、以前に呼び出された setInterval() メソッドがクリアされ、コードで定義する新しいメソッドが使用されます。時間の価値。

＃＃＃文法＃＃＃

次の構文は、clearInterval() メソッドを使用して前の setInterval() メソッドをクリアする方法を示しています -

リーリー

実際にこのメソッドを理解して、JavaScriptのclearInterval()メソッドを使ってsetInterval()メソッドのタイミングを変更してみましょう。

＃＃＃アルゴリズム＃＃＃

ステップ 1

ステップ 2
ステップ 3
ステップ 4
＃＃＃例＃＃＃ 以下の例は、コードを詳しく調べることで、上記のアルゴリズムを実際に理解するのに役立ちます -
リーリー

setTimeout() メソッドを使用する

setTimeout() メソッドは setInterval() メソッドに似ています。また、特定の間隔の後にコードの一部を呼び出しますが、setInterval() とは異なり、コードを何度も実行するのではなく、一度だけ実行します。 setTimeout() メソッドはコードを 1 回実行すると自動的に停止するため、前の間隔の実行を停止するために setInterval() メソッドのように clearInterval() メソッドを呼び出す必要はありません。

＃＃＃文法＃＃＃

setTimeout() メソッドを使用して、次の構文に従って時間間隔を変更します -

リーリー