Mostrar la hora actual con Javascript

Necesito hacer algo para mostrar en la página web la hora y que esta se actualice a medida que pasan los segundos. ¿Me pueden ayudar?

La FAQ Mostrar la hora actual con Javascript tiene

Pertenece a la categoría:
Pregunta
Necesito hacer algo para mostrar en la página web la hora y que esta se actualice a medida que pasan los segundos.


¿Me pueden ayudar?
Respuesta de Sara Álvarez
La solución que te puedo dar es crear un reloj que te muestre la hora y que se actualice segundo a segundo.




Puedes echar un vistazo al artículo de DesarrolloWeb, Reloj con Javascript donde viene detalladamente como hacerlo de una forma sencilla y eficaz.
Volver al árbol de categoríasVolver al árbol de categorías

Comentarios

Guadalupe Almaraz

30/8/2007
hola sara gracias de verdad muchas gracias por tu respuesta alomejor yo no escribi la pregunta pero gracias a sitios como este y personas como tu parece que son nuestros instructores particulares gracias!!!

danielito

23/6/2009
LISTO
function mostrarhora(){
var f=new Date();
cad=f.getHours()+":"+f.getMinutes()+":"+f.getSeconds();
window.status =cad;
setTimeout("mostrarhora()",1000);
}

Miguel Ruiz

23/7/2011
Hora Actual
Prueba esto... ojalá te funcione



<body onLoad="show5()">

<span id="liveclock"></span>

<script language="JavaScript">
<!--
function show5(){
if (!document.layers&&!document.all)
return;

var Digital=new Date();
var hours=Digital.getHours();
var minutes=Digital.getMinutes();
var seconds=Digital.getSeconds();
var dn="AM";
if (hours>12){
dn="PM";
hours=hours-12;
}
if (hours==0)
hours=12;
if (minutes<=9)
minutes="0"+minutes;
if (seconds<=9)
seconds="0"+seconds;

myclock="<font size='5' face='Arial' ><b><font size='2'>Hora Actual: </font>"+hours+":"+minutes+":"
+seconds+" "+dn+"</b></font>";

if (document.layers){
document.layers.liveclock.document.write(myclock);
document.layers.liveclock.document.close();
}
else if (document.all)
liveclock.innerHTML=myclock
setTimeout("show5()",1000)
}

//-->
</script>

iedu

24/5/2012
Fecha y Hora en tu pagina web
Prueba esto, funciona correctamente. Lo pegas despues del head:
<script language="JavaScript" type="text/javascript">
/*Script del Reloj */
function actualizaReloj() {
/* Capturamos la Hora, los minutos y los segundos */
marcacion = new Date()
/* Capturamos la Hora */
Hora = marcacion.getHours()
/* Capturamos los Minutos */
Minutos = marcacion.getMinutes()
/* Capturamos los Segundos */
Segundos = marcacion.getSeconds()
/*variable para el apóstrofe de am o pm*/
dn = "a.m"
if (Hora > 12) {
dn = "p.m"
Hora = Hora - 12
}
if (Hora == 0)
Hora = 12
/* Si la Hora, los Minutos o los Segundos son Menores o igual a 9, le añadimos un 0 */
if (Hora <= 9) Hora = "0" + Hora
if (Minutos <= 9) Minutos = "0" + Minutos
if (Segundos <= 9) Segundos = "0" + Segundos
/* Termina el Script del Reloj */

/*Script de la Fecha */

var Dia = new Array("Domingo", "Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado", "Domingo");
var Mes = new Array("Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre",
"Octubre", "Noviembre", "Diciembre");
var Hoy = new Date();
var Anio = Hoy.getFullYear();
var Fecha = Dia[Hoy.getDay()] + ", " + Hoy.getDate() + " de " + Mes[Hoy.getMonth()] + " de " + Anio + ". ";

/* Termina el script de la Fecha */

/* Creamos 2 variables para darle formato a nuestro Script */
var Script, Total

/* En Reloj le indicamos la Hora, los Minutos y los Segundos */
Script = Fecha + Hora + ":" + Minutos + ":" + Segundos + " " + dn

/* En total Finalizamos el Reloj uniendo las variables */
Total = Script

/* Capturamos una celda para mostrar el Reloj */
document.getElementById('Fecha_Reloj').innerHTML = Total

/* Indicamos que nos refresque el Reloj cada 1 segundo */
setTimeout("actualizaReloj()", 1000)
}
</script>

y en el tag de body colocas: <body onload="actualizaReloj()"><table><tr><td id="Fecha_Reloj"></td></tr></table></body>

elaprendiz-web

15/8/2012
Script para mostrar la hora
<script language="JavaScript">
//funcio encargada de mostrar la hora
function hora(){
var fecha = new Date()
var hora = fecha.getHours()
var minuto = fecha.getMinutes()
var segundo = fecha.getSeconds()

if (hora < 10) {hora = "0" + hora}
if (minuto < 10) {minuto = "0" + minuto}
if (segundo < 10) {segundo = "0" + segundo}
var horita = hora + ":" + minuto + ":" + segundo
document.getElementById('hora').firstChild.nodeValue = horita
tiempo = setTimeout('hora()',1000)
}
function inicio(){
document.write('<span id="hora">')
document.write ('000000</span>')
hora()
}
</script>

NICKNAME

03/3/2019
HORA EN PANTALLA
function printTime (){
var d = new Date();
var hours = d.getHours()- 1;
var mins = d.getMinutes();
var secs = d.getSeconds();

document.body.innerHTML = hours + ":" + mins + ":"+ secs;
}
setInterval(printTime,1000);
FAQ relacionadas
Volver al árbol de categoríasVolver al árbol de categorías