Páginas

sexta-feira, 19 de outubro de 2012

Codigo Fonte de uma Página com contagem regressiva

<html>
<head>
<script language="javascript">
        var YY = 2012;
        var MM = 10;
        var DD = 20;
        var HH = 11;
        var MI = 30;
        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 / 960);

  ss = ss - (mm * 60);
  mm = mm - (hh * 60);
  hh = hh - (dd * 24);

  var faltam = '<span class="style5"><u>Tempo para entrega do case:</u></span></br></br>';
  faltam += (toString(hh).length) ? hh+'<span style=\"font-size:42px;\">H</span>&nbsp;&nbsp;' : '';
  faltam += (toString(mm).length) ? mm+'<span style=\"font-size:42px;\">M</span>&nbsp;&nbsp;' : '';
  faltam += ss+'<span style=\"font-size:42px;\">S</span>&nbsp;&nbsp;';

  if (dd+hh+mm+ss > 0) {
    document.getElementById('contador').innerHTML = faltam;
    setTimeout(atualizaContador,0);
  } else {
    document.getElementById('contador').innerHTML = '<span style="font-size:100px; color:#FF0000"></br>TEMPO ESGOTADO!</span>';
    setTimeout(atualizaContador,0);
  }
}

</script>
<style type="text/css">
<!--
#Layer1 {
    position:absolute;
    left:16px;
    top:21px;
    width:606px;
    height:431px;
    z-index:1;
}
.style5 {
    font-size: 50px;
    font-weight: bold;
    font-style: italic;
    color:#FFFFFF;
}
body {
    background-color: #000000;
}
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>
<body onLoad="atualizaContador()">
<div id="Layer1">
    <span id="contador" style="font-size:120px; color:#FFFFFF"></span></p>
</div>
<img src="imagem.png" width="1120" height="789">
</body>
</html>