Cronômetro em HTML/Java script- TIMER

CÓDIGO_


<html>
<head>
<script type="text/javascript">
function countDown(secs) {
    var btn = document.getElementById('btn');
    btn.value = "Aguarde "+secs+" segundos";<!--texto que aparecerá enquanto o tempo descer, não altere o"+secs+"-->
    if(secs < 1) {
        clearTimeout(timer);
        btn.disabled = false;
        btn.value = 'OK clique aqui';
    }
    secs--;
    var timer = setTimeout('countDown('+secs+')',1000);
}
</script>
</head>
<body>
<input disabled type="submit" id="btn" value="Aguarde 60 segundos!"><!--texto inicial do botão-->
<script type="text/javascript">countDown(60);<!--texto inicial do botão-->
</script>
</body>
</html>


Salve como .html(ex: "index.html")
Cronômetro em HTML/Java script- TIMER Cronômetro  em HTML/Java script- TIMER Reviewed by Sóstenes Gomes on 18:59 Rating: 5

9 comentários

  1. como eu ponho o link que vai ser redirecionado?

    ResponderExcluir
  2. O link de redirecionamento é colocado em que parte do código?

    ResponderExcluir
  3. Coloque após: clearTimeout(timer);
    ficando:
    clearTimeout(timer);
    document.location='http://www.meu_link.com'

    ResponderExcluir
  4. Mas eu gostaria que após a contagem o site só seria redirecionado após o clique do usuário e não automaticamente após o tempo? por acaso tem que acrescentar algum código?

    ResponderExcluir
  5. Como faço para que ao clicar de um reset e reinicia a contagem?

    ResponderExcluir
    Respostas
    1. Crie uma função
      function refresha(){
      window.location.reload();
      }

      Dai no botão onclick=refresha();"

      Excluir
  6. onde eu coloco o link de redirecionamento??

    ResponderExcluir