CÓMO INSERTAR UN RELOJ DIGITAL

 

Coloca un reloj digital enmarcado en el que aparece la hora actual del ordenador.

Un truco fácil que le da un pequeño toque personal a la web que estamos creando. El código lo podemos insertar en cualquier parte de nuestra página web.

 

CÓDIGO A COPIAR:

<form name="Tick"> <input type="text" size="11" name="Clock"> </form> <script> <!-- /*By George Chiang (WA's JavaScript tutorial)Credit must stay intact for use*/ function show(){ var Digital=new Date() var hours=Digital.getHours() var minutes=Digital.getMinutes() var seconds=Digital.getSeconds() var dn="AM" 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.Tick.Clock.value=hours+":"+minutes+":" +seconds+" "+dn setTimeout("show()",1000) } show() //--> </script>

 

Una variante posible seria:

-reloj sin borde: simplemente cambiando esta línea <input type="text" size="11" name="Clock"> por esta otra <input type="text" size="11" name="Clock" style="border:none;" > el efecto sería el siguiente:

 

Otros temas de formación:
> Ver Indice