
Reloj 24 horas
JavaScript
Actualizado el 18 de Julio del 2019 por Administrador (718 códigos) (Publicado el 4 de Febrero del 2002)
27.549 visualizaciones desde el 4 de Febrero del 2002
Muestra un reloj indicando la hora actual en un input


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
#reloj {
padding:5px;
text-align:center;
font-size:2em;
width:150px;
}
</style>
</head>
<body>
<input type="text" id="reloj">
</body>
</html>
<script>
function MostrarHora24 () {
const ahora = new Date()
const horas = ahora.getHours()
const minutos = ahora.getMinutes()
const segundos = ahora.getSeconds()
let ValorHora="";
ValorHora =(horas<10?"0"+horas:horas);
ValorHora+=":"+(minutos<10?"0"+minutos:minutos);
ValorHora+=":"+(segundos<10?"0"+segundos:segundos);
document.getElementById("reloj").value = ValorHora;
//si se desea tener el reloj en la barra de estado, reemplazar la anterior por esta
//window.status = ValorHora
}
MostrarHora24();
setInterval("MostrarHora24()",1000)
</script>
Comentarios sobre la versión: Versión 2 (0)
No hay comentarios