"Todos los días Dios nos da un momento en que es posible cambiar todo lo que nos hace infelices. El instante mágico es el momento en que un sí o un no pueden cambiar toda nuestra existencia. "

Soy una persona apasionada por todo lo que tiene que ver con Internet y las nuevas tecnologías. Soy autodidacta, y me encanta impartir clases...


Reloj Digital con Javascript

Viernes 05 de Marzo de 2010

Javascript
Autor: César Cancino
Categoría: Javascript
Etiquetas Programación, php, mysl
Comentarios 1

Este es un sencillo script que nos permitirá incorporar en nuestro Sitio Web un reloj digital desarrollado con Javascript. Como sabemos, al trabajar con esta tecnología, este reloj tomará la hora del lado del cliente, es decir, del PC del visitante de nuestra Página Web.

¿Qué te gustaría compartir con nosotros?

Compartir

Este es un sencillo script que nos permitirá incorporar en nuestro Sitio Web un reloj digital desarrollado con Javascript. Como sabemos, al trabajar con esta tecnología, este reloj tomará la hora del lado del cliente, es decir, del PC del visitante de nuestra Página Web.
Les muestro el código completo, que no necesita mucha explicación, y por supuesto, también pueden descargarlo.

<html>
<head>
<title>Documento sin título</title>
<script language="javascript" type="text/javascript">
function muestraReloj()
{
// Compruebo si se puede ejecutar el script en el navegador del usuario
if (!document.layers && !document.all && !document.getElementById) 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 digitos
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
//cadenareloj = "<font size='-1' face='verdana'>" + horas + ":" + minutos + ":" + segundos + " " + mt + "</font>";
cadenareloj =horas + ":" + minutos + ":" + segundos + " " + mt;
// Escribo el reloj de una manera u otra, segun el navegador del usuario
if (document.layers) {
document.layers.spanreloj.document.write(cadenareloj);
document.layers.spanreloj.document.close();
}
else if (document.all) spanreloj.innerHTML = cadenareloj;
else if (document.getElementById) document.getElementById("spanreloj").innerHTML = cadenareloj;
// Ejecuto la funcion con un intervalo de un segundo
setTimeout("muestraReloj()", 1000);
}

</script>
</head>

<body onLoad="muestraReloj()">
<div id="spanreloj"></div>
</body>
</html>


1 Comentarios

  1. leon
    Viernes 17 de Septiembre de 2010

    Gracias cesar esta muy bien explicado el codigo..