javascript - ボタンを 30 秒間無効にする方法

Question

ページが読み込まれてから 30 秒間ボタンを無効にしたい (コンテンツを見ようとせずに複数回クリックするのを防ぐため)。どうやってやるの？

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

Answer 1

If you use jQuery, this does the job:

$(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>