Print Page | Close Window

Generar un reloj a intervalos de un segundo

Printed From: Vida Una
Category: Programación
Forum Name: Códigos JavaScript
Forum Description: Los mejores códigos en Java y Javascript de ayuda para los webmaster. Los mejores ejemplos y trucos útiles de la aplicación de JavaScript .
URL: https://www.vidauna.com/forum_posts.asp?TID=1349
Printed Date: 15 Noviembre 2024 at 5:30pm


Topic: Generar un reloj a intervalos de un segundo
Posted By: Programador
Subject: Generar un reloj a intervalos de un segundo
Date 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.



Print Page | Close Window