JS - 在一段时间内阻止函数下次执行

Question

我有一个JS函数。我希望它在第一次执行后暂停 10 秒，在那之后我想恢复它。

所以，我所做的是-

$( "#button_yes,#button_no" ).click(function()
{
    if(counter)
    {
        console.log('Done');
        $.ajax(
        {
            url: baseURL+"add_votes",
            success: function(result)
            {
                counter=0;
                alert(result);
                setTimeout(check, 10000); //set a 10s  delay
                counter=1;
            },
            method: "POST",
            data:
                {
                    id : '1'
                },
        });
    }
});

但我不能很好地工作。如果我点击多次，它会永久阻止函数执行第二次。

有什么解决办法吗？

感谢您的帮助

Answer 1

如何跟踪上次单击按钮的时间并确保在处理下一次单击之前已经过 10 秒？

var lastClicked = 0;
$( "#button_yes,#button_no" ).click(function()
{
    var now = new Date();
    if(now - lastClicked > 10000)
    {
        lastClicked = now;
        console.log('Done');
        $.ajax(
        {
            url: baseURL+"add_votes",
            success: function(result)
            {
                alert(result);
            },
            method: "POST",
            data:
                {
                    id : '1'
                },
        });
    }
});

JS - 在一段时间内阻止函数下次执行

JS - prevent a function from executing next time for a duration

javascript

jquery

javascript-events