JavaScript How can I add a timeout in between functions?

[Johna]

<button id="button">Click me!</button>

$("#button").click(function() {
  console.log("clicked");
})

The button can be clicked any number of times, but I want the JavaScript function to only run at most once per second. So if the button was clicked twice in a second, the function will only run once.


I can't use setTimeout because the function will start a second late, which I don't want to happen. It'll also still run twice if the button was clicked twice within a second.

Is there a way to do this?

 

[Antero360]

<button id="button">Click me!</button>

$("#button").click(function() {
  console.log("clicked");
})

The button can be clicked any number of times, but I want the JavaScript function to only run at most once per second. So if the button was clicked twice in a second, the function will only run once.


I can't use setTimeout because the function will start a second late, which I don't want to happen. It'll also still run twice if the button was clicked twice within a second.

Is there a way to do this?

What you could do, is after the button is clicked, run what you need to do, disable it. Unfortunately, you're still going to have to run a setTimeout, however, you can set the timeout to say 3 seconds, and at the end, have it reenable the button

 

[Johna]

Thanks, for this I can use a setTimeout, I meant I can't use a setTimeout like this:

$("#button").click(function() {
  setTimeout(function() {
    console.log("clicked");
  }, 1000)
})

 

[Johna]

So I did it like this:

$("#button").click(function() {
  $("#button").prop("disabled", true);
  console.log("clicked");
  setTimeout(function() {
    $("#button").prop("disabled", false);
  }, 1000)
})

 

[Antero360]

Yup, that should do it. Ask me how many times that right there has saved my life at work XD