Está usted en Indice > Construcción > Lenguajes > JavaScript > Lecciones y Paso a Paso > Reloj en JavaScript
Construcción
Maletín
Utilidades
Cursos
Promoción
Rentabilidad
Zona Novatos
Foros
Acceso a tu cuenta

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

Continúa en la página siguiente.



Usuarios que han visto este tema también han visto...

- Verificación del contenido de un formulario
- Abrir ventana sin bordes
- Mostrar fechas con JavaScript
- Coger Variables
- Frase al azar con Javascript


Versión imprimible - Versión imprimible de este documento
Enviar e-mail - Enviar por e-mail este documento
Publicidad

Información legal | Política de Privacidad | Contacte con nosotros

Otro proyecto de Factoría de Internet. Copyright© 2003-2008 Factoría de Internet S.L.. Todos los derechos reservados.


Página generada el 06-07-2008 a las 02:27:01