Disable multiple clicks JavaScript

Question

I am trying to disable multiple clicks on element or set a delay between each click to prevent content overloading

I am thinking to do something like this:

 var clicked = false;

if(!clicked)
{
    clicked = true;

    // do all my stuff right here !!

    setTimeout(function(){

        clicked = false;
    }, 3000);
}

But it's not working. Can anyone offer any suggestions?

Answer 1

you can disable element

$(element).prop('disabled', true);

after clicking it