Vida Una Homepage
Forum Home Forum Home > Programación > Códigos JavaScript
  New Posts New Posts RSS Feed - Generar un reloj a intervalos de un segundo
  FAQ FAQ  Forum Search   Events   Register Register  Login Login


Generar un reloj a intervalos de un segundo

 Post Reply Post Reply
Author
Message
Programador View Drop Down
Expert@
Expert@
Avatar

Joined: 09 Mayo 2009
Location: San Pedro Alc.
Status: Offline
Points: 54
Post Options Post Options   Thanks (0) Thanks(0)   Quote Programador Quote  Post ReplyReply Direct Link To This Post 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.
Back to Top
Sponsored Links


Back to Top
 Post Reply Post Reply

Forum Jump Forum Permissions View Drop Down



This page was generated in 0.018 seconds.