Advanced Search

Conteo regresivo 2

/ Published in: JavaScript
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <SCRIPT language=JavaScript> 
  2. <!--
  3. var eventdate = new Date("December 31, 2010 23:59:59 CDT");
  4.  
  5. function toSt(n) {
  6.   s=""
  7.   if(n<10) s+="0"
  8.   return s+n.toString();
  9. }
  10.  
  11. function countdown() {
  12.   cl=document.clock;
  13.   d=new Date();
  14.   count=Math.floor((eventdate.getTime()-d.getTime())/1000);
  15.   if(count<=0)
  16.     {cl.days.value ="----";
  17.      cl.hours.value="--";
  18.      cl.mins.value="--";
  19.      cl.secs.value="--";
  20.      return;
  21.    }
  22.   cl.secs.value=toSt(count%60);
  23.   count=Math.floor(count/60);
  24.   cl.mins.value=toSt(count%60);
  25.   count=Math.floor(count/60);
  26.   cl.hours.value=toSt(count%24);
  27.   count=Math.floor(count/24);
  28.   cl.days.value=count;    
  29.  
  30.   setTimeout("countdown()",500);
  31. }
  32. // end hiding script--> 
  33.  
  34. </SCRIPT> 
  35.  
  36. <link rel="stylesheet" type="text/css" href="../../../css/aps.css"> 
  37. <head><title>Test</title> 
  38. </head> 
  39.  
  40. <body onload=countdown()> 
  41.     <table style="BORDER-COLLAPSE: collapse" borderColor="#111111" cellSpacing="0" cellPadding="0" width="100%" bgColor="#000000" border="0"> 
  42.  
  43. 	</table> 
  44. <h1>Página en construcción</h1> 
  45. <div align="center"> 
  46.   <center> 
  47.   <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%"> 
  48.     <tr> 
  49.       <td width="100%"> 
  50. <FORM name=clock> 
  51. <p align="center"><b>Faltan: </b> </p> 
  52. <div align="center"> 
  53.   <center> 
  54. <table width="110" border=0 cellpadding=0 cellspacing=0 class="fondoBlanco" style="border-collapse: collapse" bordercolor="#111111"> 
  55.                       <tbody> 
  56.                         <tr > 
  57.                           <td class="body"> 
  58.                           <p align="center" >D&iacute;as</td> 
  59.                           <td class="body"> 
  60.                             <p align="center"> 
  61.                             <input name=days class="bordeNegro" size=2></td> 
  62.                         </tr> 
  63.                         <tr > 
  64.                           <td class="body"> 
  65.                           <p align="center">Horas</td> 
  66.                           <td class="body"> 
  67.                             <p align="center"> 
  68.                             <input name=hours class="bordeNegro" size=2></td> 
  69.                         </tr> 
  70.                         <tr > 
  71.                           <td class="body"> 
  72.                           <p align="center">Minutos</td> 
  73.                           <td class="body"> 
  74.                             <p align="center"> 
  75.                             <input name=mins class="bordeNegro" size=2></td> 
  76.                         </tr> 
  77.                         <tr > 
  78.                           <td class="body"> 
  79.                           <p align="center">Segundos</td> 
  80.                           <td class="body"> 
  81.                             <p align="center"> 
  82.                             <input 
  83.  
  84.  
  85. name=secs class="bordeNegro" size=2></td> 
  86.                         </tr> 
  87.                       </tbody> 
  88.                     </table></center> 
  89. </div> 
  90. <p align="center"><b>Para que se acabe el año 2010!</b></p> 
  91.       </FORM></td> 
  92.       </tr> 
  93.     </table> 
  94.   </center> 
  95.   </div>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.