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");
}

What is the JavaScript version of sleep()?

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

3 个答案: