Foros del Web » Programando para Internet » Javascript »

Mostrar la hora, minutos, segundos dinamicamente

Estas en el tema de Mostrar la hora, minutos, segundos dinamicamente en el foro de Javascript en Foros del Web. Como se puede obtener la hora dinamicamente, es decir que cambia en tiempo real. En el siguiente formato: 13:10:15 // hora-minutos-segundos @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código Javascript ...
  #1 (permalink)  
Antiguo 15/12/2010, 22:07
 
Fecha de Ingreso: marzo-2010
Mensajes: 432
Antigüedad: 14 años, 1 mes
Puntos: 11
Mostrar la hora, minutos, segundos dinamicamente

Como se puede obtener la hora dinamicamente, es decir que cambia en tiempo real.

En el siguiente formato:

13:10:15 // hora-minutos-segundos


Código Javascript:
Ver original
  1. <script>
  2.  
  3. var fecha= new Date()
  4. var horas= fecha.getHours()
  5. var minutos = fecha.getMinutes()
  6. var segundos = fecha.getSeconds()
  7.  
  8. document.write(horas + ":" + minutos + ":" + segundos)
  9.  
  10. </script>

Para mi mala suerte me sale en este formato y estatico:

1:6:25
__________________
Libro de HTML 5 + codigo fuente bajar aqui.
  #2 (permalink)  
Antiguo 15/12/2010, 22:42
(Desactivado)
 
Fecha de Ingreso: mayo-2005
Ubicación: España
Mensajes: 471
Antigüedad: 19 años
Puntos: 45
Respuesta: Mostrar la hora, minutos, segundos dinamicamente

Cuando se carga la página el compilador ejecuta la función una sola vez de modo que solo muestra una hora, del momento exacto cuando se ejecutó la función. Lo que debes hacer es llamar a la misma función cada segundo.

Utiliza setTimeOut.

Código Javascript:
Ver original
  1. function pepitojimenez(){
  2. var fecha= new Date()
  3. var horas= fecha.getHours()
  4. var minutos = fecha.getMinutes()
  5. var segundos = fecha.getSeconds()
  6.  
  7. document.write(horas + ":" + minutos + ":" + segundos);
  8.  
  9. setTimeOut("pepitojimenez()",1000);
  10.  
  11. }

Entonces, cada segundo se ejecutará la función y cada vez que se ejecuté se encontrará con setTimeOut que le dirá que tiene que volver a ejecutarse de nuevo y ...........

La línea document.write no te servirá de nada. Podrías crear un Div (contenedor) y modificar su contenido con innerHTML.

Código Javascript:
Ver original
  1. <script>
  2. function pepitojimenez(){
  3. var fecha= new Date();
  4. var horas= fecha.getHours();
  5. var minutos = fecha.getMinutes();
  6. var segundos = fecha.getSeconds();
  7. document.getElementById('contenedor').innerHTML=''+horas+':'+minutos+':'+segundos+'';
  8. setTimeout('pepitojimenez()',1000);
  9. }
  10. </script>
  11. <body onload="javascript:pepitojimenez()">
  12. <div id="contenedor"></div>

Última edición por Rolldi; 15/12/2010 a las 23:00
  #3 (permalink)  
Antiguo 16/12/2010, 20:29
 
Fecha de Ingreso: marzo-2010
Mensajes: 432
Antigüedad: 14 años, 1 mes
Puntos: 11
Respuesta: Mostrar la hora, minutos, segundos dinamicamente

muchas gracias Rolldi, no sabia que existia tal funcion setTimeout. Me a quedado super claro su explicación y ejemplo es impecable. Gracias.
__________________
Libro de HTML 5 + codigo fuente bajar aqui.
  #4 (permalink)  
Antiguo 16/12/2015, 13:35
 
Fecha de Ingreso: marzo-2011
Mensajes: 1
Antigüedad: 13 años, 1 mes
Puntos: 0
Mostrar el día , hora, minutos, segundos.

Mostrar día , hora , minutos, segundos en javascript a inicios de un evento "X" por Ejemplo : habrá un evento Sefood Expo que comienza en 6 de marzo del 2016 quisiera saber como se realiza un código en javascript donde en la pagina web debe estar registrado cuantos días horas minutos y segundos faltan.

Etiquetas: dinamicamente, minutos, segundos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:25.