Time.is

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
Nueva York, Estados Unidos
Para otras ubicaciones, por favor use la caja de búsqueda en la esquina superior derecha.
Que mostrar




Formato de la hora



Formato de la fecha




 
Día:
daynamelunes
dnamelun
daynum01-31
dnum1-31
day_in_ydía 1-366
Semana:
weeksemana 39
Mes:
monthnameseptiembre
monthnum01-12
mnum1-12
Año:
year2017
yy17
Color y tamaño
px
Como va a mostrarse
Hora local en Nueva York:
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ámetroPalabras 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.
idCombinación del ID de la ubicación y la zona horaria. Requerida si el nombre de la ubicación contiene letras no ascii, o si cambias el id del elemento.
callbackEl nombre de una función que será llamada cada segundo, con una plantilla generada como parámetro (opcional).

Los nombres y valores de los parámetros deben respetar mayúsculas y minúsculas. Puedes agregar html y otro contenido a los parámetros de 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.

 
 
03:49:07
lunes, septiembre 25, 2017, semana 39
Sol: ↑ 06:48 ↓ 18:47 (11h 59m) Más información