[解決済み] Angular 4のsetTimeout()で遅延と待機を変化させる
2022-03-03 23:28:27
質問
イベントのリストには
timestamp
.
をベースにしたイベントを表示させたいのです。
timestamp
:
ディレイを追加する場合。
delay = timestamp(t+1) - timstamp(t)
との相性が悪いのは知っています。
setTimeout
しかし、タイムアウトが一定であれば、回避することができます。
次の
setTimeout()
は前のものを待つのですか?具体的には、もし最初の
setTimeout()
は5秒、2番目は3秒の遅延があるため、2番目のものが先に表示されます。同じ順番で、次々と実行させたいのですが。
この例は一定の遅延に対して機能しますが、私はリストを反復して取る情報に基づいて遅延を計算したいのです。
for (i = 1; i <= 5; ++i) {
setDelay(i);
}
function setDelay(i) {
setTimeout(function(){
console.log(i);
}, 1000);
}
解決方法は?
を使用することができます。 IIFE (即座に呼び出される関数式) と関数の再帰性を代用します。こんな感じ。
let i = 0;
(function repeat(){
if (++i > 5) return;
setTimeout(function(){
console.log("Iteration: " + i);
repeat();
}, 5000);
})();
生演奏のバイオリン こちら .
関連
-
[解決済み】jquery $.ajaxオブジェクトのresponseJSONプロパティを取得する方法 [重複]。
-
[解決済み】SyntaxError: ChromeのJavascriptコンソールでUnexpected Identifierが発生する。
-
[解決済み] [Solved] Uncaught TypeError: nullのプロパティ 'appendChild' を読み取ることができない。
-
[解決済み】npm install --legacy-peer-deps は具体的に何をするのですか?どんなときに推奨されるのか/どんな使用例が考えられるのか?
-
[解決済み] angular-routeとangular-ui-routerの違いは何ですか?
-
[解決済み] Angular:*ngClassを使った条件付きクラス
-
[解決済み] CSSは常にJavascriptより優先されるべきか?
-
[解決済み] モーメント js 日付時刻比較
-
[解決済み] Deferredsの配列を$.when()に渡す
-
[解決済み] JavaScriptのループにディレイを追加するには?
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】パッシブイベントリスナー内部でpreventDefaultができない
-
[解決済み】React Js: Uncaught (in promise) SyntaxError: 位置 0 の JSON で予期しないトークン < が発生しました。
-
[解決済み】TypeError: 'undefined'はオブジェクトではありません。
-
[解決済み】XMLHttpRequestモジュールが定義されていない/見つからない
-
[解決済み] テスト
-
[解決済み】React、Uncaught ReferenceError。ReactDOMは定義されていません
-
[解決済み】XMLパースエラー:ルート要素が見つからない コンソールの場所 FF
-
[解決済み】TypeError: res.status は関数ではありません。
-
[解決済み】未定義のプロパティ 'forEach' を読み取ることができない
-
[解決済み】中央値の計算 - javascript