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

Question

I have a JS function. I want it to be paused after it's first-time execution for 10 s, and after that time I want to resume it.

So, what I have done is-

$( "#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'
                },
        });
    }
});

But it I not working perfectly. It prevents the function executing second time permanently if I click multiple times.

Is there any solution?

Thanks for helping

Might be it is similar to this question: http://stackoverflow.com/questions/20567962/prevent-second-ajax-call-from-waiting-till-completion-of-first-ajax-call — bhushanRJ, Sep 28 '15 at 16:30

score 3 · Accepted Answer · answered Sep 28 '15 at 16:09

How about keeping track of the last time the button was clicked and ensuring that 10s has elapsed before processing the next click?

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

Haha. Took me one minute to write while you posted – mplungjan Sep 28 '15 at 16:11 — mplungjan, Sep 28 '15 at 16:11

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

1 Answers1