JavaScriptの行間に2秒の遅延を追加する

Question

クリックするたびに何かをアニメーション化したいと思います。そこで、アニメーションをクラス「アニメーション」に保存しました。

function listClick() { 
    toplist.classList.add("animation"); 
    toplist.classList.remove("animation"); 
} 

アニメーションは2000 ms続くので、私の機能では2行のコードの間に2000 msの遅延が欲しいです。どうすればJavascriptを使ってこれを達成できますか？

Answer 1

function listClick() { 
    toplist.classList.add("animation"); 
    setTimeout(function() { 
      toplist.classList.remove("animation"); 
    }, 2000); 
} 

Answer 2

setTimeout(function(), timeoutInMilliSecs);あなたはそこに投げ込んで使用することができます。

Answer 3

function sleep(ms) { 
    return new Promise(resolve => setTimeout(resolve, ms)); 
} 

function listClick() { 
    toplist.classList.add("animation"); 
    await sleep(2000); 
    toplist.classList.remove("animation"); 
} 

What is the JavaScript version of sleep()?