When I click the button more than 1 time the count accelerates

Question

People I got from a friend here on the forum a one button script with countdown, that when clicking starts the count. I really appreciate it because it is very good... there is only one problem, when I click more than once on the button the countdown accelerates, see the code

<script language="JavaScript">
  function dispara( span ) {
    conta( this, document.getElementById( span ) );
  }

  function conta( botao, contador ) {
    botao.disabled=true;
    if(contador.innerHTML==0) {
      contador.innerHTML = 10;
      botao.disabled=false;
      return false;
    }
    contador.innerHTML = contador.innerHTML - 1;
    setTimeout( function(){conta( botao, contador )}, 1000 );
  }
</script>

<input type="button" value="botao1" onclick="dispara('s1')" class="btn">
<span id="s1">10</span>
<br/><br/>
<input type="button" value="botao2" onclick="dispara('s2')" class="btn">
<span id="s2">10</span>

Could you help me solve this problem?

Answer 1

Well, I solved it like this. I know it’s not the best way possible, but it’s a hiccup. As the colleague said, he’s not getting the boot with this. Then I put the id of the button, it is passed to the function, and that id of the button I put the same name of the counter class, so what it passes to the function is the id of the button and tbm the counter class, so I can find the 2. Look:

    <script language="JavaScript">
  function dispara( span ) {
    conta( span, document.getElementsByClassName( span )[0]);
  }

  function conta( botao, contador ) {

    document.getElementById(botao).disabled=true;
    if(contador.innerHTML==0) {
      contador.innerHTML = 10;
      document.getElementById(botao).disabled=false;

      return false;
    }
      contador.innerHTML = contador.innerHTML - 1;
    setTimeout( function(){conta( botao, contador )}, 1000 );
  }
</script>

<input type="button" value="botao1" onclick="dispara('s1')" id="s1" class="btn">
<span class="s1">10</span>
<br/><br/>
<input type="button" value="botao2" onclick="dispara('s2')" id="s2" class="btn">
<span class="s2">10</span>

I hope I’ve helped!!!