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