在JavaScript中按块按钮X秒_Javascript_Html_Datetime_Time_Timer

在JavaScript中按块按钮X秒

javascript html datetime time timer

在JavaScript中按块按钮X秒,javascript,html,datetime,time,timer,Javascript,Html,Datetime,Time,Timer,我有一个项目，我需要的按钮，启动功能被封锁3.5秒后，最后一次点击。我的意思是，按钮应该仍按原样显示，但在3.5秒内，它不应以任何方式作出反应。以下是单击按钮时显示当前时间的示例： <!DOCTYPE html> <html> <body> <button type="button" onclick="myFunction()">Date</button> <p id="demo"></p> <script

我有一个项目，我需要的按钮，启动功能被封锁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>

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

我如何做到这一点

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

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