Question

对不起，如果这是一个初学者问题，但是在StackOverflow上尝试了其他答案后，我想我可能会问自己这个问题。

我目前正在为我的项目开发一个网站，我想要下载按钮说“＃34; Download Started＆＃34;点击后，让用户知道下载正在运行。我使用此代码实现了以下功能：

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

哪个应该添加一个类＆＃39; btn-download-started＆＃39;到这个链接：

<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>

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

1 个答案: