在 JavaScript 中阻止按钮按下 X 秒答案

【问题标题】：Block button press for X seconds in JavaScript在 JavaScript 中阻止按钮按下 X 秒
【发布时间】：2014-06-10 14:32:54
【问题描述】：

我有一个项目，我需要在最后一次单击后将启动功能的按钮“阻止”3.5 秒。我的意思是该按钮仍应按原样显示，但单击时它不应以任何方式响应 3.5 秒。以下是在按钮单击时显示当前时间的示例：

<!DOCTYPE html>
<html>
<body>
<button type="button" onclick="myFunction()">Date</button>
<p id="demo"></p>
<script>
function myFunction() {
    document.getElementById("demo").innerHTML = Date();
}
</script>

</body>
</html>

用户应该能够多次单击按钮（并运行该功能）而无需重新加载页面。

我如何做到这一点？

【问题讨论】：

“按原样显示”是否意味着禁用按钮不是一个选项？

标签： javascript html datetime time timer

【解决方案1】：

<button id="button" type="button" onclick="myFunction()">Date</button>
<p id="demo"></p>
<script>
function myFunction() {
    document.getElementById("demo").innerHTML = Date();
    document.getElementById("button").setAttribute('disabled', true);
    setTimeout(function(){
        document.getElementById("button").removeAttribute('disabled');
    }, 3500)
}
</script>

jsFiddle

【讨论】：