javascript - 如何禁用按钮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;
}

您还需要将 'yourButton' 的 id 添加到您的input标签中。

Answer 3

您正在寻找 setTimeout()。提供您的输入id='votebutton' disabled="disabled"，然后将其包含在页面底部：

<script type='text/javascript'><!--
    setTimeout(function() {
        document.getElementById('votebutton').disabled = false;
    }, 30000);
</script>