[解決済み] setInterval関数の初回実行を遅延させずに実行する
2022-03-20 16:29:30
質問
を設定する方法はありますか?
setInterval
メソッドを即座に実行し、その後タイマーで実行するようjavascriptの
どのように解決するのですか?
一番簡単なのは、最初に自分で直接関数を呼び出すことです。
foo();
setInterval(foo, delay);
しかし
setInterval
- 特に、ある状況下では、大量の
setInterval
イベントは、遅滞なく次々と到着することができます。 もうひとつの理由は、ループを停止させたい場合、明示的に
clearInterval
ということは、元の
setInterval
を呼び出します。
そこで、別の方法として
foo
を使用することで、それ以降の呼び出しに対して自動的にトリガーされます。
setTimeout
の代わりに
function foo() {
// do stuff
// ...
// and schedule a repeat
setTimeout(foo, delay);
}
// start the cycle
foo();
があることを保証しています。
少なくとも
の間隔が
delay
を呼び出します。 また、必要に応じてループをキャンセルするのも簡単です。
setTimeout
ループの終了条件に達したとき
もっといいのは、このすべてを 即座に呼び出される関数式 この関数は、上記のように自分自身を再び呼び出し、自動的にループを開始します。
(function foo() {
...
setTimeout(foo, delay);
})();
で、関数を定義し、サイクルを一度に開始します。
関連
-
Vueでルートネスティングを実装する例
-
[解決済み】TypeScript-のAngular Frameworkエラー - "exportAsがngFormに設定されたディレクティブはありません"
-
[解決済み] 配列から特定の項目を削除するにはどうすればよいですか?
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] JavaScriptでメールアドレスを検証するのに最適な方法は何ですか?
-
[解決済み] JavaScriptでオブジェクトをディープクローンする最も効率的な方法は何ですか?
-
[解決済み] JavaScript で配列に値が含まれているかどうかを確認するにはどうすればよいですか?
-
[解決済み] ページを再読み込みせずにURLを変更するにはどうすればよいですか?
-
[解決済み】JavaScriptの比較では、どちらの等号演算子(== vs ===)を使うべきですか?
-
[解決済み】JavaScript版sleep()とは?)
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
JSクロスドメインソリューション リアクト構成 リバースプロキシ
-
JavaScriptの関数この指摘の問題を説明
-
要素ツリー制御によるvueTreeテーブル
-
JSアレイループと効率解析の比較
-
Vueのフォームイベントのデータバインディングの説明
-
[解決済み】リソースの読み込みに失敗した:Bind関数でサーバーが500(Internal Server Error)のステータスで応答した【非公開
-
[解決済み】awaitは非同期関数でのみ有効です。
-
[解決済み】「X-Frame-Options」を「SAMEORIGIN」に設定したため、フレームでの表示を拒否された。
-
[解決済み】React - TypeError: 未定義のプロパティ 'props' を読み取ることができない。
-
nodejs unhandledPromiseRejectionWarning メッセージ