Ir para conteúdo

POWERED BY:

Arquivado

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

andreia_sp

[Resolvido] Contagem regressiva para uma data

Por , em Javascript

Recommended Posts

andreia_sp    1

andreia_sp
Postado

Imagem PostadaImagem Postada

 

<script language="Javascript">
var YY = 2008;
var MM = 12;
var DD = 31;
var HH = 23;
var MI = 59;
var SS = 59; 

function atualizaContador() 
{  
var hoje = new Date();  
var futuro = new Date(YY,MM-1,DD,HH,MI,SS);   
var ss = parseInt((futuro - hoje) / 1000);  
var mm = parseInt(ss / 60);  
var hh = parseInt(mm / 60);  
var dd = parseInt(hh / 24);   
ss = ss - (mm * 60);  
mm = mm - (hh * 60);  
hh = hh - (dd * 24);   
var faltam = '';  
faltam += (dd && dd > 1) ? dd+' dias, ' : (dd==1 ? '1 dia, ' : '');  
faltam += (toString(hh).length) ? hh+' hr, ' : '';  
faltam += (toString(mm).length) ? mm+' min e ' : '';  
faltam += ss+' seg';   

 if (dd+hh+mm+ss > 0) 
 {
  document.getElementById('contador').innerHTML = faltam;	
  setTimeout(atualizaContador,1000);  
 }
 else
 {
  document.getElementById('contador').innerHTML = 'CHEGOU!!!!';	
  setTimeout(atualizaContador,1000);  
 }
}
</script>

<body onLoad="atualizaContador()">
Informe a data:
<input size="1" onChange="DD=this.value" style="text-align: center" /> /
<input size="1" onChange="MM=this.value" style="text-align: center" /> /
<input size="4" onChange="YY=this.value" style="text-align: center" /> às
<input size="1" onChange="HH=this.value" style="text-align: center" /> :
<input size="1" onChange="MI=this.value" style="text-align: center" /> :
<input size="1" onChange="SS=this.value" style="text-align: center" /><br /><br>
Faltam <span id="contador"></span></body>

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