Principal

Inicio
Historial de noticias
Codigos en php
Codigos Javascript
Linux
 · Guia de comandos
Manuales HTML
 · Nivel principiante
Trucos Windows
 · Windows XP
 · Windows 95/98
 · Windows 2000/NT

Enviar articulos

Mas webs
Juegos y chistes

 
Codigos Javascript
Reloj digital en la zona superior de tu web

  Este codigo mostrara un elegante reloj digital en la zona superior de tu pagina.
Jugando con los valores del tag <font>, podras ajustar el tamaño del reloj, haciendolo mas grande o mas pequeño.

Que lo disfrutes.

Codigo:
____________________________________

<!-- Colocar en la etiqueta <BODY> -->

<span id="liveclock" style="position:absolute;left:0;top:0;">
</span>

<script language="JavaScript">
<!--

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="<font size='5' face='Arial' ><b><font size='1'>Hora actual:</font></br>"+hours+":"+minutes+":"
+seconds+" "+dn+"</b></font>"
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>
 


Volver.

Añadir comentario
¿No encuentras lo que buscas?
No te compliques, usa el buscador que nos ofrece google y encuentra todo lo que quieras.
Tutoriales, hosting, dominios, ayuda para el webmaster, etc.

Comentarios:

Enviado por: Aprendiz

Fecha: 20/05/2013 - 21:43:10  
orale excelente muy buen codigo para generar un reloj digital, me gusto mucho ya que encontraba codigos que tambien ponian la publicidad de su pagina y no me gustan a si... este quedo excelente y a demas es configurable con estilos, muchas graciassss :D  

Enviado por: Aprendiz

Fecha: 23/07/2009 - 18:07:30  
de verdad excelente pagina excelente todo lo que verdaeramente se necesita que sorprendente que exista personas sin el egoismo por delante dandole una trayectoria su vida del compartir te felicito y por nada del mundo cambies esta forma de ser hay pocos seres asi ya en este mundo saludos mi estima y apremio estaran para ti por esta pagina saludos al desarrollador de este site
GRACIAS
 

Enviado por: Aprendiz

Fecha: 15/09/2008 - 18:11:02  
<!-- Colocar en la etiqueta <BODY> -->

<span id="liveclock" style="position:absolute;left:0;top:0;">
</span>

<script language="JavaScript">
<!--

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="<font size='5' face='Arial' ><b><font size='1'>Hora actual:</font></br>"+hours+":"+minutes+":"
+seconds+" "+dn+"</b></font>"
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)
}
 

Enviado por: Aprendiz

Fecha: 24/01/2008 - 11:32:36  
ME GUSTARIA QUE ME DIJERAIS DONDE ENCUENYTRO LAS ETIQUETAS BOY Y DEMAS GRACIAS  

Tu alias:

 

Comentario:

 
  Introduce codigo de seguridad
 

¿Quieres ver tu articulo publicado en esta pagina?

Visita la zona de envios, pulsando aqui

 
Anuncios
Hospedaje recomendado
Hospedaje y dominios - El hosting inteligente al mejor precio

Visitantes: 1
Pagina generada en: 0.00142 segundos