#1 contagem regressiva Sex Nov 01, 2013 3:27 pm
Admin
Admin
- 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">
<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()">
<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="relogio" style="font-family: @Arial Unicode MS; font-size:29px; text-align:center; color:#000;"><span id="contador"></span></div>
</div>
</form>