Contador Javascript para Redirecionar Página

Esse é um post rápido só pra deixar um exemplo de um contador regressivo que faz um redirecionamento de página ao final da contagem.

Então vamos direto ao código =]

<html>
  <head>
    <title>Contador regressivo</title>
  </head>
<body>

<h1 id="counterarea"></h1>

<script>

var counter;
counter = 7;
setInterval(function () {
  counter = counter - 1;
  document.getElementById("counterarea").innerHTML = counter;
  if(counter === 0){
    window.location.href = 'https://www.leandroip.com';
  }
}, 1000);

</script>
</body
</html>

Um trechinho de html para dar a estrutura da página é necessária.

  • A linha <h1 id="counterarea"></h1> é o elemento HTML no qual colocaremos o valor do contador. Colocamos o id counterarea para localizarmos o elemento mais tarde.
  • A função setInterval(function, time) do javascript faz o trabalho de chamar a função que vamos definir em intervalos regulares de tempo, nesse caso usamos 1000, que significa 1000 millisegundos (ou 1 segundo).

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *