Skip to main content
codigo mais legivel
Fonte Link
andrepaulo
  • 1,7mil
  • 9
  • 15

Você pode desabilitar o elemento button por ex. depois do click e habilitar ele novamente após 2 segundos (por ex.)

function myFunction(e) {
    document.getElementById("linha").innerHTML += "<p>adicionado linha</p>";

    //Desabilita o botao
    e.disabled = true;
    
    //Habilita novamente após dois segundos (2000) ms
    setTimeout(function(){
      toggleDisabled(e)
    },2000);
}

function toggleDisabled(elem){
  elem.disabled = !elem.disabled;
}
<p>Texto de testes</p>
<button onclick="myFunction(this)" id="btn">Clique</button>
<div id="linha"></div>

Você pode desabilitar o elemento button por ex. depois do click e habilitar ele novamente após 2 segundos (por ex.)

function myFunction(e) {
    document.getElementById("linha").innerHTML += "<p>adicionado linha</p>";

    //Desabilita o botao
    e.disabled = true;
    
    //Habilita novamente após dois segundos (2000) ms
    setTimeout(function(){toggleDisabled(e)},2000)
}

function toggleDisabled(elem){
  elem.disabled = !elem.disabled;
}
<p>Texto de testes</p>
<button onclick="myFunction(this)" id="btn">Clique</button>
<div id="linha"></div>

Você pode desabilitar o elemento button por ex. depois do click e habilitar ele novamente após 2 segundos (por ex.)

function myFunction(e) {
    document.getElementById("linha").innerHTML += "<p>adicionado linha</p>";

    //Desabilita o botao
    e.disabled = true;
    
    //Habilita novamente após dois segundos (2000) ms
    setTimeout(function(){
      toggleDisabled(e)
    },2000);
}

function toggleDisabled(elem){
  elem.disabled = !elem.disabled;
}
<p>Texto de testes</p>
<button onclick="myFunction(this)" id="btn">Clique</button>
<div id="linha"></div>

Fonte Link
andrepaulo
  • 1,7mil
  • 9
  • 15

Você pode desabilitar o elemento button por ex. depois do click e habilitar ele novamente após 2 segundos (por ex.)

function myFunction(e) {
    document.getElementById("linha").innerHTML += "<p>adicionado linha</p>";

    //Desabilita o botao
    e.disabled = true;
    
    //Habilita novamente após dois segundos (2000) ms
    setTimeout(function(){toggleDisabled(e)},2000)
}

function toggleDisabled(elem){
  elem.disabled = !elem.disabled;
}
<p>Texto de testes</p>
<button onclick="myFunction(this)" id="btn">Clique</button>
<div id="linha"></div>