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 12 / 24 horas <

Reloj digital 12 / 24 horas

Verificado en:

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

Opera web browser

Reloj digital en pantalla y en la barra de estado.

En el código fuente (ver más abajo) se comenta como:
- convertirlo en formato de 12 horas,
- suprimirlo de la barra de estado, o
- suprimirlo del cuerpo de la página.

El tamaño de los números, la fuente, color, fondo, etc... se establecen en un formulario (ver <form> más abajo).

Este guión se activa automáticamente con la descarga de la página (ver <body>).

Ejemplos de aplicación de este guión

Instalación Ver código Descargar + guiones

Código en las cabeceras (head) de la página

<script type="text/javascript">
<!-- inicio
var RelojRefresco = null
var RelojActivo = false

function IniciarReloj() { PararReloj(); MostrarHora() }

function PararReloj () { if (RelojActivo); clearTimeout(RelojRefresco); RelojActivo = false }

function MostrarHora() {
var ahora = new Date();
var horas = ahora.getHours();
var minutos = ahora.getMinutes();
var segundos = ahora.getSeconds();
var ampm =" ";

if (horas < 10) { Hora = "0" + horas } else { Hora = "" + horas }
if (minutos < 10) { Hora += ":0" + minutos } else { Hora += ":" + minutos }
if (segundos < 10) { Hora += ":0" + segundos } else { Hora += ":" + segundos }

// Activa las siguientes 2 líneas para obtener un reloj en formato de 12 horas
// if (horas > 12) { horas -= 12; ampm = " PM" } else ampm = " AM"
// Hora += ampm

// Puede desactivarse el reloj de la barra de estado, anulando la siguiente línea
window.status = Hora

// Puede suprimirse el reloj del cuerpo de la página, y dejarlo en la barra de estado, anulando la siguiente línea,
// en cuyo caso tampoco es necesario el <FORM> incluido en el <body> de la página.
document.reloj.digitos.value=Hora

RelojRefresco = setTimeout("MostrarHora()",1000)
RelojActivo=true }
// final -->
</script>

Código en el cuerpo (body) de la página

<body onload="IniciarReloj()">

<form name="reloj" action="">
<div>
<input type="text" size="11" name="digitos" value="" style="font-size:24pt; font-weight:bold; text-align:center">
</div>
</form>


javascriptReloj digital 12 / 24 horas

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