Vida Una
Chat
Noticias

  Ayuda Ayuda  Buscar en el foro   Eventos   Regístrese Regístrese  Identificarse Identificarse


Generar un reloj a intervalos de un segundo

 Responder Responder
Nombre de usuario
Programador Ver Opciones
Expert@
Expert@
Avatar

Ingresó: 09 Mayo 2009
Lugar: San Pedro Alc.
Estado: Desconectado
Puntos: 54
Opciones de Mensaje Opciones de Mensaje   Me gusta  (0) Me gusta (0)   Oir mensaje Oir  Citar Programador Citar  ResponderResponder Enlace directo a este mensaje Mensaje: Generar un reloj a intervalos de un segundo
    Enviado: 18 Enero 2011 a las 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.
Subir
Publicidad


Subir
 Responder Responder
  Compartir Mensaje      

Ir al Foro Permisos del Foro Ver Opciones



Esta págna fue generada en 0,156 segundos.