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。

Answer 3

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

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

如何禁用按钮30秒

3 个答案: