Generar un reloj a intervalos de un segundo

Message Topic Search Topic Options Post Reply Create New Topic Printable Version Translate Topic

   Generar un reloj a intervalos de un segundo

<html>
   <head>
   <script language="javascript">
   var intval=""
   function start_Int()
   {
           if(intval=="")
           {
                   intval=window.setInterval("start_clock()",1000);
           }
           else
           {
                   stop_Int();
           }
   }

   function stop_Int()
   {
           if(intval!="")
           {
                   window.clearInterval(intval);
                   intval="";
                   document.formu.tiempo.value="Tiempo detenido";
           }
   }

   function start_clock()
   {
           var d=new Date();
           var sw="am";
           var h=d.getHours();
           var m=d.getMinutes() + "";
           var s=d.getSeconds() + "";
           if(h>12)
           {
                   h-=12;
                   sw="pm";
           }
           if(m.length==1)
           {
                   m="0" + m;
           }
           if(s.length==1)
           {
                   s="0" + s;
           }
           document.formu.tiempo.value=h + ":" + m + ":" + s + " " + sw;
   }
   </script>
   </head>

   <body>
   <form id="formu" name="formu">
   <input type="text" name="tiempo" value="Tiempo parado">
   </form>
   <input type="button" value="Empezar" onclick="start_Int()">
   <input type="button" value="Parar" onclick="stop_Int()">
   <p>Este ejemplo actualiza el contenido del cuadro de texto cada segundo. 
   Pulsa "Empezar" para iniciar la función setInterval. Pulsa "Parar" para detener el 
   tiempo con la función clearInterval.</p>
   </body>
   </html>

Estudiese bien este ejemplo. La variable intval contiene un valor que setInterval genera, y con el que podremos detener el intervalo usándolo en la llamada a clearInterval. Especialmente interesante es la función start_clock, que formatea la hora para su visualización.

Author	Message Topic Search Topic Options Post Reply Create New Topic Printable Version Translate Topic
Programador Members Profile Send Private Message Find Members Posts Add to Buddy List Expert@ Joined: 09 Mayo 2009 Location: San Pedro Alc. Status: Offline Points: 54	Post Options Post Reply Quote Programador Report Post Thanks(0) Quote Reply Topic: Generar un reloj a intervalos de un segundo Posted: 18 Enero 2011 at 12:03pm
	Generar un reloj a intervalos de un segundo <html> <head> <script language="javascript"> var intval="" function start_Int() { if(intval=="") { intval=window.setInterval("start_clock()",1000); } else { stop_Int(); } } function stop_Int() { if(intval!="") { window.clearInterval(intval); intval=""; document.formu.tiempo.value="Tiempo detenido"; } } function start_clock() { var d=new Date(); var sw="am"; var h=d.getHours(); var m=d.getMinutes() + ""; var s=d.getSeconds() + ""; if(h>12) { h-=12; sw="pm"; } if(m.length==1) { m="0" + m; } if(s.length==1) { s="0" + s; } document.formu.tiempo.value=h + ":" + m + ":" + s + " " + sw; } </script> </head> <body> <form id="formu" name="formu"> <input type="text" name="tiempo" value="Tiempo parado"> </form> <input type="button" value="Empezar" onclick="start_Int()"> <input type="button" value="Parar" onclick="stop_Int()"> <p>Este ejemplo actualiza el contenido del cuadro de texto cada segundo. Pulsa "Empezar" para iniciar la función setInterval. Pulsa "Parar" para detener el tiempo con la función clearInterval.</p> </body> </html> Estudiese bien este ejemplo. La variable intval contiene un valor que setInterval genera, y con el que podremos detener el intervalo usándolo en la llamada a clearInterval. Especialmente interesante es la función start_clock, que formatea la hora para su visualización.

Sponsored Links