[Script] Contagem Regressiva

XSystemX

Honrado XPZ
14 de Julho de 2012
83
43
18
24
Adicione o código:

Código:
<!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 id="Head1"><title>
Grupo Quap
</title>
<script type="text/javascript">
var YY = 2015;
var MM = 10;
var DD = 1;
var HH = 12;
var MI = 00;
var SS = 00;

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) ?'<b>Faltam '+dd+' dias, </br> ' : (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> 


</head>
<body onload="atualizaContador()" style="background-color:#CC6600;">

<form name="form1" method="post" action="Default.php" id="form1">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUJODExMDE5NzY5ZGQTUswGAu5FrWmWT3ATTAh97uaIjw==" />
</div>


<div id="Principal" style="background-image:url('Images/Fundo.gif'); width: 800px; height: 600px; margin-top:0px; margin:0px auto;">

<div id="Mensagem" style="font-family:Arial; font-size:30px; text-align:center; color:White; padding-top:40px;">
<span id="Label_Mensagem">Qualidade em tempo real!</span> </div>
<div id="relogio" style="font-family: @Arial Unicode MS; font-size:29px; text-align:center; color:#804000; padding-top:400px;"><span id="contador"></span></div>
</div>

</form>