Bom dia pessoal, hoje deixo um simples codigo em JavaScript para contar tempo na página para execuçao de algum comando.
Por exemplo, pode fazer um teste on-line com tempo determinado, se passar o tempo fecha o teste e direciona o usuario para uma outra página. Ou então liberar o link após certo tempo determinado por você.
Então vamos ver como fica, nesse exemplo utilizei uma simples mecânica para redirecionar o usuário a uma determinada página.
- Primeiro passo, vamos criar o script com o contador, no meu caso fiz a página em ASP, porém pode ser feita ate em HTML.
-
<script language="JavaScript" type="text/javascript"> var contador = 10; function conta() { document.getElementById('tempo').innerHTML=contador; if(contador == 0) { document.getElementById('link').style.display="block"; } if (contador != 0){ contador = contador-1; setTimeout("conta()", 1000); } } </script> - Agora criamos onde será exibido o contador:
-
Aguarde <span id="tempo">0</span> segundos.
- O contador será exibido dentro das tags SPAN com o ID tempo.
- Aqui mostramos o que será exibido quando o tempo acabar:
-
<div id="link" style="display:none"> <p><a href="http://www.linkoff.com.br"> Clique aqui para acessar o site. </a></p> </div>
- Pronto, agora temos apenas que chamar a função no fim da página:
-
<script> conta(); </script>
- Pronto, tudo criado e funcionando. Não?
Confira a página de exemplo clicando aqui.