Manual de Javascript

  
 
 

Mapa Web

  
borde   borde
Portada Lista de Códigos JavaScript Reloj en JavaScript

 

Reloj en JavaScript Imprimir E-mail
<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

 

 
Portada
Capítulos del Manual de JavaScript
Introdución
Javascript para aplicaciones cliente
Javascript en documentos HTML
Archivos de código Javascript
Javascript para aplicaciones servidor
Valores Javascript
Literales Javascript
Objetos Javascript
Métodos Javascript
Operadores Javascript
Condicionales Javascript
Bucles Javascript
Funciones Javascript
Parámetros de las funciones
Funciones de ventanas y funciones matemáticas
Gestión de eventos
Ejemplos de eventos
Captura de eventos
Cookies
Configurar y borrar cookies
Practicar en línea
Lista de prácticas en línea
FAQ
Preguntas frecuentes
Códigos JavaScript
Lista de Códigos JavaScript
Foros
Foros JavaScript
Otros Manuales
Manuales de otros lenguajes
 
   
 
 
Alojamiento web en Hostalia