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 - 阻止函数在下一次执行一段时间

1 个答案: