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

时间:2015-05-31 14:31:47

标签: javascript

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

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

2 个答案:

答案 0 :(得分:9)

.delay是jQuery。您只需在Javascript中使用setTimeout

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

答案 1 :(得分:1)

与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);