Return to Snippet

Revision: 28955
at July 17, 2010 03:33 by manuellujan


Updated Code
<SCRIPT language=JavaScript> 
<!--
var eventdate = new Date("December 31, 2010 23:59:59 CDT");
 
function toSt(n) {
  s=""
  if(n<10) s+="0"
  return s+n.toString();
}
 
function countdown() {
  cl=document.clock;
  d=new Date();
  count=Math.floor((eventdate.getTime()-d.getTime())/1000);
  if(count<=0)
    {cl.days.value ="----";
     cl.hours.value="--";
     cl.mins.value="--";
     cl.secs.value="--";
     return;
   }
  cl.secs.value=toSt(count%60);
  count=Math.floor(count/60);
  cl.mins.value=toSt(count%60);
  count=Math.floor(count/60);
  cl.hours.value=toSt(count%24);
  count=Math.floor(count/24);
  cl.days.value=count;    
  
  setTimeout("countdown()",500);
}
// end hiding script--> 
 
</SCRIPT> 
 
<link rel="stylesheet" type="text/css" href="../../../css/aps.css"> 
<head><title>Test</title> 
</head> 
 
<body onload=countdown()> 
    <table style="BORDER-COLLAPSE: collapse" borderColor="#111111" cellSpacing="0" cellPadding="0" width="100%" bgColor="#000000" border="0"> 
		
	</table> 
<h1>Página en construcción</h1> 
<div align="center"> 
  <center> 
  <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%"> 
    <tr> 
      <td width="100%"> 
<FORM name=clock> 
<p align="center"><b>Faltan: </b> </p> 
<div align="center"> 
  <center> 
<table width="110" border=0 cellpadding=0 cellspacing=0 class="fondoBlanco" style="border-collapse: collapse" bordercolor="#111111"> 
                      <tbody> 
                        <tr > 
                          <td class="body"> 
                          <p align="center" >D&iacute;as</td> 
                          <td class="body"> 
                            <p align="center"> 
                            <input name=days class="bordeNegro" size=2></td> 
                        </tr> 
                        <tr > 
                          <td class="body"> 
                          <p align="center">Horas</td> 
                          <td class="body"> 
                            <p align="center"> 
                            <input name=hours class="bordeNegro" size=2></td> 
                        </tr> 
                        <tr > 
                          <td class="body"> 
                          <p align="center">Minutos</td> 
                          <td class="body"> 
                            <p align="center"> 
                            <input name=mins class="bordeNegro" size=2></td> 
                        </tr> 
                        <tr > 
                          <td class="body"> 
                          <p align="center">Segundos</td> 
                          <td class="body"> 
                            <p align="center"> 
                            <input 


name=secs class="bordeNegro" size=2></td> 
                        </tr> 
                      </tbody> 
                    </table></center> 
</div> 
<p align="center"><b>Para que se acabe el año 2010!</b></p> 
      </FORM></td> 
      </tr> 
    </table> 
  </center> 
  </div>

Revision: 28954
at July 17, 2010 03:04 by manuellujan


Initial Code
<SCRIPT language=JavaScript> 
<!--
var eventdate = new Date("December 31, 2010 23:59:59 CDT");
 
function toSt(n) {
  s=""
  if(n<10) s+="0"
  return s+n.toString();
}
 
function countdown() {
  cl=document.clock;
  d=new Date();
  count=Math.floor((eventdate.getTime()-d.getTime())/1000);
  if(count<=0)
    {cl.days.value ="----";
     cl.hours.value="--";
     cl.mins.value="--";
     cl.secs.value="--";
     return;
   }
  cl.secs.value=toSt(count%60);
  count=Math.floor(count/60);
  cl.mins.value=toSt(count%60);
  count=Math.floor(count/60);
  cl.hours.value=toSt(count%24);
  count=Math.floor(count/24);
  cl.days.value=count;    
  
  setTimeout("countdown()",500);
}
// end hiding script--> 
 
</SCRIPT> 
 
<link rel="stylesheet" type="text/css" href="../../../css/aps.css"> 
<head><title>Test</title> 
</head> 
 
<body onload=countdown()> 
    <table style="BORDER-COLLAPSE: collapse" borderColor="#111111" cellSpacing="0" cellPadding="0" width="100%" bgColor="#000000" border="0"> 
		
	</table> 
<h1>P�¡gina en construcci�³n</h1> 
<div align="center"> 
  <center> 
  <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%"> 
    <tr> 
      <td width="100%"> 
<FORM name=clock> 
<p align="center"><b>Faltan: </b> </p> 
<div align="center"> 
  <center> 
<table width="110" border=0 cellpadding=0 cellspacing=0 class="fondoBlanco" style="border-collapse: collapse" bordercolor="#111111"> 
                      <tbody> 
                        <tr > 
                          <td class="body"> 
                          <p align="center" >D&iacute;as</td> 
                          <td class="body"> 
                            <p align="center"> 
                            <input name=days class="bordeNegro" size=2></td> 
                        </tr> 
                        <tr > 
                          <td class="body"> 
                          <p align="center">Horas</td> 
                          <td class="body"> 
                            <p align="center"> 
                            <input name=hours class="bordeNegro" size=2></td> 
                        </tr> 
                        <tr > 
                          <td class="body"> 
                          <p align="center">Minutos</td> 
                          <td class="body"> 
                            <p align="center"> 
                            <input name=mins class="bordeNegro" size=2></td> 
                        </tr> 
                        <tr > 
                          <td class="body"> 
                          <p align="center">Segundos</td> 
                          <td class="body"> 
                            <p align="center"> 
                            <input 

name=secs class="bordeNegro" size=2></td> 
                        </tr> 
                      </tbody> 
                    </table></center> 
</div> 
<p align="center"><b>Para que se acabe el a�±o 2010!</b></p> 
      </FORM></td> 
      </tr> 
    </table> 
  </center> 
  </div>

Initial URL


Initial Description


Initial Title
Conteo regresivo 2

Initial Tags


Initial Language
JavaScript