 |
| Estás en: Juan Rodríguez, web personal > JavaScript > Índice de guiones > Reloj "conversacional" < |
Verificado en: Opera 9.02 y 9.20Opera 6.05, 7 y 8 Firefox 1.5, 3.0b5 y 3.0.6 Mozila 1.8 Netscape 7 Internet Explorer 6 y 7
|
Cuando alguien te pregunta la hora, ¿qué respondes? Pues eso es lo que hace este reloj, responder por escrito con la misma sintaxis que cuando decimos la hora de formal oral. 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>). |
La hora también se incorpora en la barra de estado, pudiendo anularse. Una "puesta en escena" de este guión la tienes en nuestra portada de JavaScript. En la página de Begues tienes otro diseño más convencional de presentación. Tienes otra variante en: |
Ejemplo 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
function MostrarHora() {
var ahora = new Date()
var hora = ahora.getHours()
var minuto = ahora.getMinutes()
var texto = "Son las ";
var Hora=" ";
if (hora < 24 ) {segmento=", de la noche"};
if (hora < 20 ) {segmento=", de la tarde"};
if (hora < 15 ) {segmento=", del mediodía"};
if (hora < 13 ) {segmento=", de la mañana"};
if (hora < 6 ) {segmento=", de la madrugada"};
if (hora == 0 ) {segmento=", de la noche"};
if ( minuto >33) { ++hora }
if ( hora > 12) {hora -= 12 }
if ( hora == 0) {hora="doce"}
if ( hora == 1) {hora="una"; texto="Es la "}
if ( hora == 2) {hora="dos"}
if ( hora == 3) {hora="tres"}
if ( hora == 4) {hora="cuatro"}
if ( hora == 5) {hora="cinco"}
if ( hora == 6) {hora="seis"}
if ( hora == 7) {hora="siete"}
if ( hora == 8) {hora="ocho"}
if ( hora == 9) {hora="nueve"}
if ( hora == 10) {hora="diez"}
if ( hora == 11) {hora="once"}
if ( hora == 12) {hora="doce"}
if (minuto == 0 ) {minuto=" en punto"}
if (minuto < 4) {minuto=" pasadas" }
if (minuto < 7) {minuto=" y cinco" }
if (minuto < 9) {minuto=" y cinco pasadas"}
if (minuto < 12) {minuto=" y diez"}
if (minuto < 14) {minuto=" y diez pasadas"}
if (minuto < 17) {minuto=" y cuarto"}
if (minuto < 19) {minuto=" y cuarto pasadas"}
if (minuto < 22) {minuto=" y veinte"}
if (minuto < 24) {minuto=" y veinte pasadas"}
if (minuto < 27) {minuto=" y veinticinco"}
if (minuto < 29) {minuto=" y veinticinco pasadas"}
if (minuto == 30) {minuto=" y media en punto"}
if (minuto < 32) {minuto=" y media"}
if (minuto < 34) {minuto=" y media pasadas"}
if (minuto < 37) {minuto=" menos veinticinco"}
if (minuto < 39) {minuto=" menos veinticinco pasadas"}
if (minuto < 42) {minuto=" menos veinte"}
if (minuto < 44) {minuto=" menos veinte pasadas"}
if (minuto == 45) {minuto=" menos cuarto en punto"}
if (minuto < 47) {minuto=" menos cuarto"}
if (minuto < 49) {minuto=" menos cuarto pasadas"}
if (minuto < 52) {minuto=" menos diez"}
if (minuto < 54) {minuto=" menos diez pasadas"}
if (minuto < 57) {minuto=" menos cinco"}
if (minuto > 56) {minuto=" menos unos minutos"};
Hora = texto + hora + minuto + segmento;
document.getElementById("reloj").digitos.value=Hora;
// Puede desactivarse el reloj de la barra de estado, anulando la siguiente línea
window.status = Hora;
RelojRefresco = setTimeout("MostrarHora()",1000); }
// final -->
</script>
Código en el cuerpo (body) de la página
<body onload="MostrarReloj()">
<form name="reloj" action="">
<div>
<input type="text" size="65" name=digitos value="" style="font-size:10pt; font-weight: bold; color:green; text-align:center">
</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)
