Block按钮在JavaScript中按X秒

我有一个项目，我需要启动该功能的按钮在最后一次点击后被“阻止”3.5秒。我的意思是按钮应该仍然显示，但点击它不应该以任何方式反应3.5秒。这里是显示当前时间上按一下按钮样本：Block按钮在JavaScript中按X秒

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

用户应该能够按一下按钮（和运行功能）数次，而无需重新加载页面。

我该如何做到这一点？

来源

2014-06-10 user3624504

是否“显示，这是”意味着禁用按钮是不是一种选择？ –

<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

来源

2014-06-10 14:40:38 jasonwarford

Block按钮在JavaScript中按X秒

回答

相关问题