Widget de reloj mundial gratis para tu web

¿Qué es un widget de reloj mundial?

Un widget de reloj mundial es un pequeño recuadro en tu web que muestra la hora actual de una o varias ciudades. En lugar de obligar al visitante a calcular diferencias horarias de cabeza, le da la respuesta directamente: qué hora es ahora en Londres, Nueva York o Tokio, y si allí todavía es hoy o ya es mañana.

El reloj mundial de WebToolsMe muestra hasta ocho ciudades como lista digital o como esferas analógicas. Se actualiza cada segundo o cada minuto, cambia solo cuando un país entra o sale del horario de verano y puede añadir una fila con la hora local de cada visitante para comparar fácilmente.

¿Quién usa un reloj mundial en su web?

Un reloj mundial es útil siempre que tu web, tus clientes o tu equipo estén repartidos en más de una zona horaria. Ejemplos habituales:

• Equipos remotos y agencias que muestran el horario de cada oficina para que los clientes sepan cuándo hay alguien disponible.
• Webs de viajes, turismo y hoteles que muestran la hora del destino junto a la hora del visitante.
• Tiendas online y páginas de soporte con clientes internacionales que quieren dejar claros sus horarios.
• Blogs de finanzas, criptomonedas y trading que siguen la apertura y el cierre de los mercados de Nueva York, Londres y Tokio.
• Cursos online, webinars y directos con participantes de distintos países.
• Blogs de expatriados y familias que quieren ver la hora de casa y la del extranjero una junto a otra.

Cómo añadir el reloj mundial a tu web

Elige tus ciudades y el estilo arriba y pulsa Copiar código. El código es una sola etiqueta script; pégala donde quieras ver el reloj y sigue los pasos de tu plataforma:

Características

Zonas horarias y horario de verano

La mayoría de los países no están a una distancia fija de UTC (Tiempo Universal Coordinado). Muchos adelantan el reloj en primavera y lo atrasan en otoño, y lo hacen en fechas distintas: la Unión Europea cambia el último domingo de marzo y de octubre, y Estados Unidos el segundo domingo de marzo y el primer domingo de noviembre. Otros países, como Turquía (UTC+3 todo el año desde 2016), Japón, China o la India, no usan horario de verano.

Por eso el widget nunca guarda una diferencia fija como «+3 horas». Cada ciudad se guarda con el nombre oficial de su zona horaria en la base de datos de zonas horarias de IANA, por ejemplo Europe/Madrid o America/Mexico_City. El navegador del visitante usa esta base de datos para calcular la hora local correcta en cada momento, incluidas las horas en torno a un cambio de hora. Cuando un gobierno cambia sus normas horarias, los navegadores reciben la actualización y el widget muestra la nueva hora sin tocar tu código.

Por la misma razón, la diferencia horaria que aparece junto a cada ciudad se calcula en vivo. En las semanas en que Europa y Norteamérica ya han cambiado la hora en fechas distintas, la diferencia entre Madrid y Nueva York es de cinco horas en lugar de seis, y el widget lo muestra exactamente así.

¿Formato de 12 o de 24 horas?

El reloj de 12 horas con a. m. y p. m. es habitual en Estados Unidos, México, Colombia y otros países de América, mientras que España y gran parte de Europa usan el de 24 horas. Elige el formato que tu público lee con más naturalidad; si tus visitantes vienen de todas partes, el de 24 horas evita confusiones entre mañana y tarde.

Las marcas a. m. y p. m., los nombres de los días y las fechas se escriben en el idioma del widget que elijas. Mostrar los segundos da vida al reloj; sin segundos, el reloj digital solo se actualiza una vez por minuto, que es la opción más ligera.

Mostrar la hora local del visitante

Al activar la hora local del visitante, la primera fila del reloj muestra la hora de su propio dispositivo, con una etiqueta en el idioma del widget. Cada una de las demás ciudades indica cuántas horas va por delante o por detrás y si allí es ayer, hoy o mañana. Un visitante en Madrid que mira un reloj con Sídney ve de un vistazo que Sídney va, por ejemplo, nueve horas por delante y ya está en la fecha de mañana.

La hora local la proporciona el navegador del visitante, que conoce su propia zona horaria. No se envía a WebToolsMe ningún dato sobre el visitante ni se guarda en ningún sitio.

Velocidad y privacidad

El reloj mundial es un único script pequeño. Una vez cargado, no vuelve a contactar con ningún servidor: cada segundo o cada minuto calcula la hora en el navegador del visitante. No usa cookies ni recoge datos.

El reloj se dibuja dentro de una caja Shadow DOM cerrada. Los estilos de tu plantilla no pueden cambiar su aspecto y los suyos no afectan a tu página, así que encaja igual de bien en temas de WordPress, maquetadores visuales y webs hechas a mano.

Consejos para un reloj mundial útil

• Pon primero la ciudad más importante; cambia el orden con el botón ↑ de la lista de ciudades.
• Entre tres y cinco ciudades se leen con facilidad; usa más solo si el reloj tiene espacio, por ejemplo en una sección a ancho completo.
• Usa nombres que tus visitantes reconozcan. Para un horario de atención, «Nueva York», «Londres» y «Singapur» son más claros que pueblos cercanos.
• Para una barra lateral estrecha funciona bien un ancho de 300 a 360 píxeles. Las esferas analógicas lucen mejor con tres o cuatro ciudades.
• Adapta el tema a tu web: las webs oscuras quedan mejor con el tema oscuro y un color de acento de tu marca.

Preguntas frecuentes