ホームページ > 記事 > ウェブフロントエンド > JavaScript timer_javascript スキルの詳しい説明と例
JavaScript timer_javascript スキルの詳しい説明と例
- WBOYオリジナル
- 2016-05-16 17:27:311079ブラウズ
JS での遅延の設定:
SetInterval の使用は、遅延関数 setTimeout の設定と非常に似ています。 setTimeout は、操作を実行する前に一定期間遅延させるために使用されます。
setTimeout("function",time) はタイムアウト オブジェクトを設定します。
setInterval("function",time) はタイムアウト オブジェクトを設定します。
SetInterval は自動的に繰り返され、setTimeout は繰り返されません。
clearTimeout(object) は setTimeout オブジェクトをクリアします
clearInterval(object) は setInterval オブジェクトをクリアします
タイマーを使用して JavaScript の遅延実行または繰り返し実行を実装します
ウィンドウ オブジェクトには 2 つのメソッドが用意されています。タイマーの場合、それらはそれぞれ window.setTimeout() と window.setInterval です。前者は指定された時間の後にコードを実行できますが、後者は指定された時間ごとにコードを 1 回実行できます。それらのプロトタイプは次のとおりです:
window.setTimeout(expression,milliseconds);
window.setInterval(expression,milliseconds);
その中で、expression は引用符で囲まれたコードの一部にすることができます。関数名を指定すると、システムは指定された時刻に関数を自動的に呼び出します。関数名を呼び出しハンドルとして使用する場合は、パラメーターを受け取ることはできません。文字列を使用する場合は、その関数に渡すパラメーターを記述することができます。 2 つのメソッドの 2 番目のパラメーターはミリ秒で、遅延または繰り返し実行のミリ秒数を表します。以下に 2 つの方法を紹介します。
1． window.setTimeout メソッド
このメソッドは関数の実行を遅らせることができます。例:
このコードはページを 5 秒間開きます。数秒後、「こんにちは」というダイアログ ボックスが表示されます。最後の文は次のように書くこともできます:
window.setTimeout( "hello()",5000);
このプロパティは window.setInterval メソッドにも存在します。
遅延期間に達する前に遅延実行をキャンセルする場合は、タイマーを表す ID を受け取る window.clearTimeout(timeoutId) メソッドを使用できます。この ID は、setTimeout メソッドによって返されます。例:
または:
コードをコピー
コードは次のように: