禁用按钮,并在5秒后重新启用它

Javascript Disable button and reenable it after 5 seconds

本文关键字:新启用 启用 按钮 并在 5秒      更新时间:2023-09-26

我想禁用我的按钮点击,然后在5秒后重新启用,但它不能正常工作。

  function submitPoll(id){
      document.getElementById("votebutton").disabled = true;
      document.getElementById("votebutton").delay(5000).disabled = false;
  }

.delay为jQuery。你可以简单地在Javascript中使用setTimeout

function submitPoll(id){
      document.getElementById("votebutton").disabled = true;
      setTimeout(function(){document.getElementById("votebutton").disabled = false;},5000);
  }

就像Zee说的,.delay是一个只能在JQuery对象上使用的JQuery函数。目前,您只使用对.getElementById()

生成的HTML元素的引用。

如果你想要一个关闭自己的按钮。我在jsfiddle上做了一个小例子。

http://jsfiddle.net/1z0bx0t7/

使用如下代码:

function submitPoll() {
    document.getElementById("votebutton").disabled = true;
    setTimeout(function() {
        document.getElementById("votebutton").disabled = false;
    }, 5000);
}
document.getElementById("votebutton").addEventListener("click", submitPoll);