如何禁用按钮30秒

Question

我想在页面加载后禁用一个按钮30秒(以防止多次点击,甚至没有尝试观看内容).我怎样才能做到这一点？

<input class="button vote" type="submit" onClick="javascript: vote();" value="Vote for this story" />

Answer 1

如果您使用jQuery,这可以完成工作:

$(function() {
    $("button").click(function() {
        $("button").attr("disabled", "disabled");
        setTimeout(function() {
            $("button").removeAttr("disabled");      
        }, 30000);
    });
});

http://jsfiddle.net/vqfKR/

Answer 2

将属性添加disabled="disabled"到按钮.

设置超时:

window.onload = function() {
    window.setTimeout(setDisabled, 30000);
}

然后定义超时后要做的事情:

function setDisabled() {
    document.getElementById('yourButton').disabled = false;
}

您还需要在input标记中添加"yourButton" ID.