title: How to create a button with two states?
body: <p>Well, I need to create a button (HTML, JavaScript, whatever) with two states.</p>
  
  <p>First, when it is clicked, will start a countdown, to force the user to review the form. And then, when the countdown is over, the same button will submit the form.. How can I do that? </p>
  
  <p>This system won't have any edit ou remove, so the form need to be perfectly filled.
  I tried this function in JavaScript:</p>
  
  <pre><code>&lt;script language="JavaScript"&gt;
  var contador = 10;
  
  alert("Verifique os dados");
  function conta() {
  
  document.getElementById("btn").disabled=true;
  if(contador==0) {
  document.getElementById("btn").disabled=false;
  return false;
  }
  
  contador = contador-1;
  setTimeout("conta()", 1000);
  
  document.getElementById("valor").innerHTML = contador;
  }
  </code></pre>
  
  <p>
      10    </p>
  
  <p>It countdown, but I can't do the second state with this</p>
  
  <p>Sorry anything, it's my first try here</p>