Reloj en JavaScript

<html>
<head>
<title> Reloj </title>
<script languaje="javascript">

function muestraReloj()
{
if (!document.layers && !document.all && !document.getElementById) return;
var fechacompleta = new Date() ;
var horas = fechacompleta. getHours() ;
var minutos = fechacompleta. getMinutes() ;
var segundos = fechacompleta. getSeconds() ;
var mt ="AM";
if (horas > 12) {
mt ="PM";
horas = horas – 12;
}
if (horas == 0) horas = 12;
if (minutos <= 9) minutos = "0" + minutos;
if (segundos <= 9) segundos = "0" + segundos;

fuikasreloj = " <font size=’3′ face=’Arial’> <br>" + horas + " : " + minutos + " : " + segundos + " " + mt + "</br> </font> ";
if (document.layers) {
document.layers.spanreloj.document.write(fuikasreloj);
document.layers.spanreloj.document.close();
}
else if (document.all) spanreloj.innerHTML = fuikasreloj;
else if (document.getElementById)
document.getElementById("spanreloj").innerHTML = fuikasreloj;
setTimeout ("muestraReloj()", 1000);
}
</script>
</head>

<body onLoad="muestraReloj() ">

<span id="spanreloj" style="position:absolute; left:10;top:10 ;">
</span>
</body>
</html>

El ejemplo anterior muestra el reloj en una capa (layer) a la que puedes situar en cualquier parte del documento. Como en anteriores ejemplos, el texto en verde es el que puedes modificar para ajustarlo a tus necesidades. El resto del código también lo puedes modificar, pero no es necesario…

El siguiente script hace que el reloj aparezca en la barra de estado, el ‘motor’ del reloj es distinto al anterior, pero esto no quiere decir que el anterior no se pueda poner en la barra de estado. La razón por la que son distintos es por que así tienes más donde elegir 🙂

<html>

<body onLoad=" reloj() ">

<script language="javascript">
var timerID = null;
var caminando= false;

function parar() {
if(caminando)
clearTimeout(timerID);
caminando = false;
}
function mostrarhora () {
var fechacompleta = new Date();
var horas = fechacompleta.getHours();
var minutos = fechacompleta.getMinutes();
var segundos = fechacompleta.getSeconds()
var dianoche = "" + ((horas >12) ? hours -12 :horas)
dianoche += ((minutos <10) ? ":0" : ":") +minutos
dianoche += ((segundos <10) ? ":0" : ":") +segundos
dianoche += (horas >= 12) ? " P.M." : " A.M."
window.status = dianoche;
timerID = setTimeout(" mostrarhora() ",1000);
caminando = true;
}
function reloj() {
parar() ;
mostrarhora() ;
}
</script>

</body>
</html>

El comando window.status hace que la función a la que acompaña se escriba en la barra de estado. Si sustituyes el window.status por document.title el reloj se escribirá en la barra de titulo, al lado del propio titulo de la página. Este ‘truco’ también se puede aplicar a algunos efectos de la barra de estado…

Original de fuikas.tk

Leave A Comment?