在 JavaScript 行之间添加 2 秒的延迟

Question

我想每次点击它时都制作动画。所以我在"动画"类中保存了一个动画。

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

动画持续 2000 毫秒，因此我希望函数中的这两行代码之间的延迟为 2000 毫秒。如何使用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");
}

sleep(( 的 JavaScript 版本是什么？