Reloj digital para web, blog, php, html, joomla, wordpress,etc

Hola como están esta vez vamos a colocar un reloj digital con un código JavaScript en nuestras web para mostrar la hora indicada…

También les incluyo la demo para que vean como funciona

En algún momento se nos ocurrirá la forma de utilizar esto dentro de nuestras web o si bién diría yo podrí utilizar su código fuente y ver si nos sirve en algo…

Pués bién comencemos es simple y sencillo….

Colocaremos el javascript entre <head> y </head> copia y pega este codigo:

<script language="JavaScript" type="text/javascript">
// Reloj digital para web javascript
// Copyright 2015 bloguero-ec.
// Usese cómo mas le convenga no elimine estas líneas (http://www.bloguero-ec.com)
function show5(){
if (!document.layers&&!document.all&&!document.getElementById)
return

 var Digital=new Date()
 var hours=Digital.getHours()
 var minutes=Digital.getMinutes()
 var seconds=Digital.getSeconds()

var dn="PM"
if (hours<12)
dn="AM"
if (hours>12)
hours=hours-12
if (hours==0)
hours=12

 if (minutes<=9)
 minutes="0"+minutes
 if (seconds<=9)
 seconds="0"+seconds
//change font size here to your desire
myclock="<b>Hora actual:   "+hours+":"+minutes+":"
 +seconds+" "+dn+"</b>"
if (document.layers){
document.layers.liveclock.document.write(myclock)
document.layers.liveclock.document.close()
}
else if (document.all)
liveclock.innerHTML=myclock
else if (document.getElementById)
document.getElementById("liveclock").innerHTML=myclock
setTimeout("show5()",1000)
 }


window.onload=show5
 
 </script>

Dentro de body colocaremos el enlace que hará aparecer el reloj podrás modificar el estilo que se encuentra dentro …

<span id="liveclock" style="left:0;top:0; font-size:36px; font-family:'Lucida Sans'"></span>

Es todo en cuanto puedo acotar suerte y hasta la próxima….

Relacionado