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).
1 comment on “Contador Javascript para Redirecionar Página”
obrigado, me ajudou muito.