Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

natanzinhoct

Efeito display com javascript com contagem regressiva

Por , em Javascript

Recommended Posts

natanzinhoct    0

natanzinhoct
Postado

Olá pessoal, encontrei um script na net e tentei de todas as formas pra começar o efeito depois do click e sem sucesso. espero que alguém me ajuda por favor!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="JavaScript" type="text/javascript"> 
var segundos = 10;
function contador() {
document.getElementById('tempo').innerHTML=segundos;
if(segundos == 0) {
document.getElementById('msg-uno').style.display="none";
document.getElementById('msg-dos').style.display="block";
}
if (segundos != 0){
segundos = segundos-1;
setTimeout("contador()", 1000);
}
}
</script> 

</head>
<body>

<strong><b id="tempo">10</b> segundos</strong>
  
<div id="msg-uno" style="display: block;">aguarde o tempo terminar.</div>

<div id="msg-dos" style="display: none;">o tempo estimado terminou.</div>

<button id="start"></button>

<script>contador();</script>

</body>
</html>

Quando clicar em button#start começar a iniciar os segundos e ao terminar os segundos troca os style css :pinch:

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito