JavaScriptで1行足すだけで、以降の処理を5秒間待つことができる

目次

domの操作をしていると、

「あれ、動かない、domの生成がまだ行われていない? 試しに5秒待った後に実行してみよう」

みたいなことが良くある。

その都度、下記のように実行してきた。

window.setTimeout(() => {
    operation()
}, 5000)

という風に、setTimeoutの中に該当する関数を入れていく。

ただこれだと、入れるべき関数がたくさんあると面倒くさい。

そこで以降すべて5秒後に実行されるというワンライナーを覚えることにした。

それ以降の行はすべて5秒後に実行されますよっと

await new Promise((resolve) => setTimeout(resolve, 5000));

ただこれだけのこと。

ただこれだとasyncをつけたメソッドを用意する必要があるけれど。

次に読むおすすめ記事

react を適当に触って確かめてみる。

Angularとセットで使うことが多いmaterial UI をインストールする

javascriptでimportするときに { 中括弧 } をつける時とつかない時があって釈然としない

Javascriptで任意の値を持つn個の配列を作成する

Angularでwebアプリを作成する時「コンポーネントのベストプラクティス」

この記事に対するコメント

お気軽にコメントを下さい

メールアドレスが公開されることはありません。 が付いている欄は必須項目です