Question

我有一个项目，我需要一个按钮，在最后一次点击后启动该功能被“阻止”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>

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

我如何实现这一目标？

Answer 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

在JavaScript中按住按钮按住X秒

1 个答案: