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

投稿日：2023年09月02日

domの操作をしていると、

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

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

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

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

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

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

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

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

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

ただこれだけのこと。

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