JavaScriptGuiones de JavaScript *
JavaScriptGuiones e información sobre JavaScript
GuionesÍndice de guiones ("scripts") de JavaScript Los últimosÚltimos guiones ("scripts") incorporados o modificados Los más vistosGuiones ("scripts") más visitados
ArtículosArtículos y apuntes sobre JavaScript Prensa digitalJavaScript en la prensa digital
InternetJuan Rodríguez [Consultor]
Consultoría en Internet ContactarPor si quieres escribirnos...
*
Mapa WebMapa Web (Directorio) de nuestros contenidos sobre JavaScript << Menú >>
Juan Rodríguez [Consultor] Guiones (scripts) de JavaScript
Estás en: Juan Rodríguez [Consultor] > JavaScript > Índice de guiones > Reloj digital y fecha <

Reloj digital y fecha

Verificado en:

Opera 9.02 y 9.20
Opera 6.05, 7 y 8
Firefox 1.5 y 3.0b5
Mozilla 1.8
Netscape 7
Internet Explorer 6 y 7

Opera web browser

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>


javascriptReloj digital y fecha

Juan Rodríguez [Consultor] Copyright © Juan Rodríguez y Begues Internet s.l.
Todos los derechos reservados
Aviso Legal

Juan Rodríguez [Consultor]

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.
- -

Guiones y "scripts" de JavaScript

Juan Rodríguez [Consultor]
Barcelona, Begues, Castelldefels