Código HTML:
<html>
<head>
<title>Reloj!</title>
<style type="text/css">
#hora{
border: 1px solid #000000;
background-color: #54AAE4;
color: aqua;
text-align: center;
width: 60px;
height: 15px;
}
</style>
</head>
<body onload="clock();">
<script type="text/javascript">
function clock(){
var reloj= new Date();
var hora=reloj.getHours();
var minutos=reloj.getMinutes();
var segundos=reloj.getSeconds();
var horaFinal=new String(hora);
if(horaFinal.length==1){
hora="0"+hora;
}
var minutosFinal=new String(minutos);
if(minutosFinal.length==1){
minutos="0"+minutos;
}
var segundosFinal=new String(segundos);
if(segundosFinal.length==1){
segundos="0"+segundos;
}
var input=document.formuReloj.hora;
input.value=hora+":"+minutos+":"+segundos;
setTimeout("clock();",1000);
}
</script>
<form action="#" method="get" name="formuReloj" id="formuReloj">
Hora:
<input type="text" name="hora" id="hora" disabled="disabled" />
</form>
</body>
</html>