Question

可能重复：
jquery disable a button for a specific time

我正在使用PHP创建一个网站。

在该网站上，我想要一个按钮，用户每五分钟只能点击一次。

我已经确定我将使用jQuery来编写脚本，并且我知道在用户单击按钮后我需要设置五分钟的超时时间。在此超时期间，无法单击该按钮。

启用此功能的过程是什么？

最好的问候

Answer 1

你可以这样做。用户可以单击该按钮，然后单击该按钮，该按钮将在接下来的5分钟内禁用。 5分钟后，它会重新启用，下次点击它会再次禁用5分钟，等等......

$("#go").click(function() {
    // no more clicks until timer expires
    $(this).attr("disabled", "disabled");

    // do whatever you want on the click here

    // set timer to re-enable the button 
    setTimeout(function() {
        $("#go").removeAttr("disabled");
    }, 5 * 60 * 1000);
});

你可以在这里看到它：http://jsfiddle.net/jfriend00/2scAM/。

Answer 2

试试这个

正在使用 demo

$(function(){
   $("#inputButton").click(buttonClickHanlder);

    function buttonClickHanlder(){
        //Do you stuff here
    alert(this.id);
        //Unbind the click event handler, delay 5 mins and then again bind the event handler
        $("#inputButton").unbind('click').delay(5 * 60 * 1000).click(buttonClickHanlder);
    }; 
});

Answer 3

希望这会对你有所帮助

 $('#button').attr("disabled", "disabled");
    setTimeout('enableButton()', 5000);

    function enableButton(){
       $('#button').removeAttr('disabled');
    }

限制按钮每5分钟点击一次

3 个答案: