javascript - 使用 javascript 添加类后，延迟从按钮中删除类

Question

如果这是一个初学者问题，我很抱歉，但在 StackOverflow 上尝试了几个小时的其他答案后，我想我可能会自己问这个问题。

我目前正在为我的项目开发一个网站，我希望下载按钮在单击后显示“下载已开始”，让用户知道下载正在运行。我使用此代码实现了以下目标:

<script>
function downloadBtn(dlbtn)
{
document.getElementById("download").innerHTML = dlbtn;
var element = document.getElementById("download");
element.classList.add("btn-download-started");
}
</script>

应该向此链接添加一个类“btn-download-started”:

<a class="btn btn-download" href="#downloadlink"  id="download" onclick="downloadBtn('download starting...')">Download</a>

但我希望按钮在几秒钟后再次激活，以防用户意外停止下载等。

最好的方法是什么？我目前还安装了 jQuery。

预先感谢您的帮助!我真的很感激!

Answer 1

20 秒后再次使用此按钮作为事件按钮。

<script>
  function downloadBtn(dlbtn)
  {
    document.getElementById("download").innerHTML = dlbtn;
    var element = document.getElementById("download");
    element.classList.add("btn-download-started");

    setTimeout(function () {
      element.classList.remove("btn-download-started");  
    }, 20000); // 20 Seconds
  }
</script>