javascript - 阻止某个函数在一段时间内下次执行

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'
                },
        });
    }
});