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:
daynameviernes
dnamevie
daynum01-31
dnum1-31
day_in_ydía 1-366
Semana:
weeksemana 21
Mes:
monthnamemayo
monthnum01-12
mnum1-12
Año:
year2013
yy13
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

  • Debe mostrarse claramente un link a Time.is en tu sitio web. Puedes editar o traducir el texto del link, pero debe contener Time.is, time, o el nombre de la ubicación (Nueva York) o zona horaria (EDT).
  • 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á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="http://time.is/" id="time_is_link">current time for any location or time zone on Time.is!</a>
<script src="http://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.

 

 
07:09:02

viernes, mayo 24, 2013, semana 21

Nueva York, Estados Unidos

Sol: ↑ 05:31 ↓ 20:15 (14h 45m) - Más información