Hola
Aquí tienes un ejemplo
Código javascript
:
Ver original<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script language="javascript">
<!-- Se abre el comentario para ocultar el script de navegadores antiguos
var ns4 = (document.layers)? true:false
var ie4 = (document.all)? true:false
var ns6 = (document.getElementById)? true:false
function captura_objeto(idnombre) {
if (ns6)
{
return document.getElementById(idnombre);
}
else if (ie4)
{
return document.all[idnombre];
}
else if (ns4)
{
return document.layers[idnombre];
}
else
{
return null;
}
}
var hora_sin_formato = "";
function muestraReloj()
{
// Compruebo si se puede ejecutar el script en el navegador del usuario
if (!ns4 && !ie4 && !ns6) return;
// Obtengo la hora actual y la divido en sus partes
var fechacompleta = new Date();
var horas = fechacompleta.getHours();
var minutos = fechacompleta.getMinutes();
var segundos = fechacompleta.getSeconds();
var mt = "AM";
// Pongo el formato 12 horas
if (horas > 12) {
mt = "PM";
horas = horas - 12;
}
if (horas == 0) horas = 12;
// Pongo minutos y segundos con dos dígitos
if (minutos <= 9) minutos = "0" + minutos;
if (segundos <= 9) segundos = "0" + segundos;
// En la variable 'cadenareloj' puedes cambiar los colores y el tipo de fuente
hora_sin_formato = horas + ":" + minutos + ":" + segundos + " " + mt
cadenareloj = "<font size='1' face='verdana' ><b>" + horas + ":" + minutos + ":" + segundos + " " + mt + "</b></font>";
// Escribo el reloj de una manera u otra, según el navegador del usuario
if (document.layers) {
captura_objeto("spanreloj").document.write(cadenareloj);
captura_objeto("spanreloj").document.close();
}
else if (ie4) captura_objeto("spanreloj").innerHTML = cadenareloj;
else if (ns6) captura_objeto("spanreloj").innerHTML = cadenareloj;
// Ejecuto la función con un intervalo de un segundo
setTimeout("muestraReloj()", 1000);
captura_objeto("spanreloj").onclick = recogeHora
}
// Fin del script -->
function recogeHora() {
captura_objeto("reloj").value = hora_sin_formato;
}
</script>
</head>
<body onLoad="muestraReloj()">
<div id="spanreloj" style="position:absolute;left:20;top:20;"></div>
<br /><br />
<input type="text" id="reloj" value="" />
</body>
</html>
Suerte