Reloj Simple

Este es un simple reloj que tiene pocos estilos y deves actualiizarlo Para AM y PM ya que esta palabra Esta Fija depende la que le asignes.

este reloj solo es un script y un fom con un input es muy simple y no es un reloj flash como los que algunas paginas brindan bien diseñado.

este codigo se deve pegar en un elemento HTML/Javascript osa un gadget en el diseño de tu blog.

Es Codigo Es:

<form name="size"> <input class="reloj1" type="text" size="11" name="Clock" readonly /> </form> <script> <!-- function show(){ var Digital=new Date() var hours=Digital.getHours() var minutes=Digital.getMinutes() var seconds=Digital.getSeconds() var dn="PM" if (hours>12){ dn="PM" hours=hours-12 } if (hours==0) hours=12 if (minutes<=9) minutes="0"+minutes if (seconds<=9) seconds="0"+seconds document.size.Clock.value=hours+":"+minutes+":" +seconds+" "+dn setTimeout("show()",1000) } show() //--> </script> <p> Desarrollado Por <a href="http://andblogo.blogspot.com/">Andy Gomez</a></p> <style> .reloj1{ border-top: 1px solid #ffffff; background: #ffffff; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff)); background: -webkit-linear-gradient(top, #ffffff, #ffffff); background: -moz-linear-gradient(top, #ffffff, #ffffff); background: -ms-linear-gradient(top, #ffffff, #ffffff); background: -o-linear-gradient(top, #ffffff, #ffffff); padding: 20px 40px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; box-shadow: rgba(0,0,0,1) 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: #000000; font-size: 24px; font-family: Helvetica, Arial, Sans-Serif; text-decoration: none; vertical-align: middle; } </style>

y aqui les dejo la muestra de el reloj:

-->
Desarrollado Por Andy Gomez



ESCRITO POR : Andy Gomez

Comparte este articulo con tus amigos en las redes sociales y Vota por el articulo en Bitacoras.com

Twittear Compartir