 |
| Estás en: Juan Rodríguez, web personal > JavaScript > Índice de guiones > Reloj digital y fecha < |
Verificado en: Opera 9.02 y 9.20Opera 6.05, 7 y 8 Firefox 1.5, 3.0b5 y 3.0.6 Mozilla 1.8 Netscape 7 Internet Explorer 6 y 7
|
Son realmente dos guiones. Ver códigos más abajo. El de la izquierda ("Fecha") nos indica la fecha y el de la derecha ("Reloj 24 horas") facilita la hora. |
Estos guiones se activan automáticamente con la descarga de la página (ver <body>). El tamaño de los números, la fuente, color, fondo, etc... se establecen en un formulario (ver <form> más abajo). |
Ejemplos de aplicación de estos guiones | ||
Instalación Ver código Descargar + guiones
Código en las cabeceras (head) de la página
<script type="text/javascript">
<!-- inicio
// FECHA
function MostrarFechaActual() {
var nombre_dia = new Array("domingo", "lunes", "martes", "miércoles", "jueves", "viernes", "sábado")
var nombre_mes = new Array("enero", "febrero", "marzo", "abril", "mayo", "junio", "julio", "agosto", "septiembre", "octubre", "noviembre", "diciembre")
var hoy_es = new Date();
dia_mes = hoy_es.getDate();
dia_semana = hoy_es.getDay();
mes = hoy_es.getMonth() + 1;
anyo = hoy_es.getYear();
if (anyo < 100) anyo = '19' + anyo
else if ( ( anyo > 100 ) && ( anyo < 999 ) ) { var cadena_anyo = new String(anyo) ; anyo = '20' + cadena_anyo.substring(1,3) }
document.write(nombre_dia[dia_semana] + ",<br> " + dia_mes + " de " + nombre_mes[mes - 1] + " de " + anyo) }
// RELOJ 24 HORAS
var Reloj24H = null
var RelojEnMarcha = false
function DetenerReloj24 () {if(RelojEnMarcha) clearTimeout(Reloj24H); RelojEnMarcha = false }
function MostrarHoraActual() {
var ahora = new Date()
var hora = ahora.getHours()
var minuto = ahora.getMinutes()
var segundo = ahora.getSeconds()
var HHMMSS
if (hora < 10) {HHMMSS = "0" + hora} else {HHMMSS = " " + hora};
if (minuto < 10) {HHMMSS += ":0" + minuto} else {HHMMSS += ":" + minuto};
if (segundo < 10) {HHMMSS += ":0" + segundo} else {HHMMSS += ":" + segundo};
document.Reloj24H.digitos.value = HHMMSS;
Reloj24H = setTimeout("MostrarHoraActual()",1000)
RelojEnMarcha = true }
function IniciarReloj24() {
DetenerReloj24();
MostrarHoraActual() }
// final -->
</script>
Código en el cuerpo (body) de la página
<body onload="IniciarReloj24()">
<script type="text/javascript">MostrarFechaActual()</script>
<form name="reloj" action="">
<div>
<input style="text-align:center; font-size:18pt; font-weight:bold" type="text" size="7" name="digitos" value=" ">
</div>
</form>
Copyright ©
Juan Rodríguez, consultor y
Begues Internet, s.l.
Todos los derechos reservados
Aviso Legal
Cuidar de nuestro entorno natural,
puede y debe ser cosa de todos.
Por ejemplo, no gastando papel para
imprimir una información que siempre
puedes tener en la pantalla de tu pc.
- -
Juan Rodríguez, consultor
Castelldefels (Barcelona)
