Gratis, widget de Reloj customizable para tu propio sitio web.
¿Quieres un reloj exacto en tu sitio web? ¿O la fecha de hoy, hora de amanecer, anochecer o duración del día? ¡Simplemente elige las opciones debajo y copia el código, es gratis!
Opciones:
Términos de uso:
- Debe mostrarse claramente un link a Hora.mx en tu sitio web. Puedes editar o traducir el texto del link, pero debe contener Hora.mx, time, o el nombre de la ubicación (Ámsterdam) o Zona Horaria (CET).
- Tu sitio web no debe actualizarse automáticamente.
- El uso desde Aplicaciones y Scripts no está permitido.
- El complemento se entrega sin ninguna garantía.
- El complemento es provisto, sin ningún costo.
Uso avanzado:
Existen dos scripts de complementos: Una versión simplificada, t.js, el cual muestra solamente la hora, y el script principal del complemento, es.js, que puede mostrar la hora, fecha, amanecer, atardecer y duración del día. El complemento principal está disponible en varios lenguajes. Para otros lenguajes, reemplace es con el código del lenguaje deseado.
Parámetros de inicialización de la función:
| Parámetros | Palabras válidas | Valor predefinido |
| template | TIME, DATE, SUN | TIME |
| time_format | hours, minutes, seconds, 12hours, AMPM | hours:minutes:seconds |
| date_format | dayname, dname, daynum, dnum, day_in_y, week, monthname, monthnum, mnum, yy, year | year-monthnum-daynum |
| sun_format | srhour, srminute, sr12hour, srAMPM, sshour, ssminute, ss12hour, ssAMPM, dlhours, dlminutes | srhour:srminute-sshour:ssminute |
| coords | Latitud y longitud de la ubicación. Requerida para mostrar los horarios solares y duración del día. | |
| id | Para identificar la ubicación y la zona horaria en el lado del servidor. Requerido si el nombre de la ubicación contiene letras no ascii, y si cambia el identificador del elemento HTML. | |
| callback | El nombre de una función que será llamada cada segundo, con una plantilla generada como parámetro. (Opcional) |
Los nombres de parámetros y las palabras clave distinguen entre mayúsculas y minúsculas. Puede utilizar HTML y otros contenidos en los parámetros template, time_format, date_format y sun_format.
Se pueden crear multiples relojes como este:
UTC time: <span id="UTC_za00"></span><br/>
New York sunrise time: <span id="New_York_z161"></span><br/>
Tokyo sunrise time: <span id="Tokyo_z444"></span><br/>
Find the <a href="https://time.is/" id="time_is_link" rel="nofollow">current time for any location or time zone on Time.is!</a>
<script src="//widget.time.is/es.js"></script>
<script>
time_is_widget.init({
UTC_za00 : {},
New_York_z161 : {
template: "SUN",
sun_format: "srhour:srminute",
coords: "40.71427,-74.00597"
},
Tokyo_z444 : {
coords: "59.33258,18.06490"
}
});
</script>
Resultado:
Los valores de los parámetros time_format, date_format, sun_format y template están heredados, por ende no debes repetirlos si el valor es el mismo para un componente ya definido anteriormente.
