将按钮点击次数限制为每5分钟一次 - Limit button clicks to once every 5 minutes

Limit button clicks to once every 5 minutes

本文关键字：5分钟一次按钮 | 更新日期: 2023-09-27

可能重复：
jquery禁用特定时间的按钮

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

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

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

我应该使用什么流程来启用此功能？

向致以最诚挚的问候

您可以这样做。用户可以单击该按钮，然后单击该按钮时，该按钮将在接下来的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/.

希望这将帮助您

 $('#button').attr("disabled", "disabled");
    setTimeout('enableButton()', 5000);
    function enableButton(){
       $('#button').removeAttr('disabled');
    }

试试这个

工作演示

$(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);
    }; 
});