×

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:

Ubicación:
Central European Summer Time (CEST)
Para otras ubicaciones, por favor use la caja de búsqueda en la esquina superior derecha.
¿Qué mostrar?




Formato de la hora:



Formato de la fecha:




 
Día:
dayname Viernes
dname Vie
daynum01-31
dnum1-31
day_in_ydía 1-366
Semana:
weekSemana 47
Mes:
monthname Noviembre
monthnum01-12
mnum1-12
Año:
year2024
yy24
Color y Tamaño
px
Como va a mostrarse:
Hora local en Central European Summer Time:
El resultado final puede ser diferente, dependiendo de las hojas de estilo en tu sitio web,
puedes cambiar el estilo del widget de cualquier forma que quieras usando CSS.

Este es el código para tu propio complemento:

Términos de uso:

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ámetrosPalabras válidasValor predefinido
templateTIME, DATE, SUNTIME
time_formathours, minutes, seconds, 12hours, AMPMhours:minutes:seconds
date_formatdayname, dname, daynum, dnum, day_in_y, week, monthname, monthnum, mnum, yy, yearyear-monthnum-daynum
sun_formatsrhour, srminute, sr12hour, srAMPM, sshour, ssminute, ss12hour, ssAMPM, dlhours, dlminutessrhour:srminute-sshour:ssminute
coordsLatitud y longitud de la ubicación. Requerida para mostrar los horarios solares y duración del día.
idPara 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.
callbackEl 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:

UTC time:
New York sunrise time:
Tokyo sunrise time:
Find the current time for any location or time zone on Time.is!

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.