Reloj Mundial Online - Hora en Vivo en Ciudades del Mundo

Características clave

• Mapa del mundo en directo: un mapa vectorial (creado con D3.js) dibuja cada continente con el color de tu tema. El lado de la noche se sombrea en tiempo real usando el punto subsolar - así puedes ver literalmente dónde se ha puesto el sol.
• Más de 1.300 ciudades, todas las zonas IANA: base de datos buscable que cubre todas las zonas horarias pobladas, incluidas las inusuales como UTC+5:30 (Calcuta), UTC+9:30 (Adelaida), UTC+12:45 (islas Chatham).
• Tarjetas día / noche: cada tarjeta de ciudad es clara si allí es de día y oscura si es de noche - una pista visual más rápida de leer que solo los números del reloj.
• Pasar el ratón y hacer clic en el mapa: pasa el ratón sobre una tarjeta para resaltar su pin y tooltip en el mapa. Haz clic para fijar el resaltado - útil cuando quieres apuntar a una ciudad en una captura o en una llamada. Haz clic fuera para soltar.
• Reordenar arrastrando: arrastra cualquier tarjeta a una nueva posición. El orden es tuyo - pon tu ciudad primero y luego las que más miras.
• Guardado localmente: tus ciudades, su orden y tu tema viven en el localStorage de tu navegador. Sin cuenta, sin servidor, sin seguimiento.
• Horario de verano gestionado automáticamente: cada ciudad lleva una zona IANA (p. ej. America/New_York) para que el navegador gestione las transiciones de DST por ti - sin actualizar a mano dos veces al año.
• Funciona en cualquier dispositivo: mapa completo y arrastrar y soltar en escritorio. En móvil el mapa es de solo lectura y la búsqueda vive sobre una lista de tarjetas en una columna. Las tarjetas son fáciles de tocar con un botón claro de eliminar.
• 8 colores de tema: Oscuro, Claro, Rojo, Turquesa, Azul, Morado, Verde, Pizarra. El reloj mundial combina con el resto de stopwatch-online.com.
• Funciona sin conexión: una vez cargada la página, el reloj mundial sigue actualizando la hora y el lado de la noche del mapa sin necesidad de conexión.

Cómo usar el reloj mundial

Paso 1: añadir una ciudad

En escritorio, escribe el nombre de una ciudad en el cuadro de búsqueda en la esquina superior izquierda del mapa. En móvil, el cuadro de búsqueda está sobre las tarjetas. A medida que escribes, las ciudades coincidentes aparecen en un desplegable - elige una y se añade con un clic. También puedes pulsar el botón + para añadir la sugerencia resaltada.

Paso 2: leer la hora local

Cada ciudad que añades obtiene dos cosas: un pequeño pin en el mapa del mundo y una tarjeta debajo. Cada tarjeta muestra el nombre de la ciudad, el país, la hora local actual y la fecha de hoy. Tarjeta clara = es de día allí. Tarjeta oscura = es plena noche.

Paso 3: pasar el ratón o hacer clic para ver detalles

Pasa el ratón sobre una tarjeta y el pin correspondiente se ilumina en el mapa con un tooltip que muestra el nombre completo de la ciudad. Haz clic en una tarjeta para fijar ese resaltado en el mapa - la página también vuelve al mapa para que lo veas. Haz clic fuera del mapa o en otra tarjeta para soltar. Pasar el ratón directamente sobre el pin del mapa hace lo mismo.

Paso 4: reordenar arrastrando

Mantén pulsada cualquier tarjeta con el ratón, arrástrala a donde quieras y suéltala. El nuevo orden se guarda al instante. Es la forma más fácil de poner tu ciudad primero y agrupar ciudades por región.

Paso 5: eliminar una ciudad

Pasa el ratón sobre una tarjeta y aparece un pequeño botón × en la esquina superior izquierda. Haz clic para eliminar la tarjeta y su pin del mapa. En móvil, la × siempre está visible.

Cuándo usar un reloj mundial online

Equipos remotos y distribuidos

Si tu equipo está repartido por varios países, un reloj mundial es más rápido que el cálculo mental - no querrás ser quien envía un mensaje a un compañero a las 3 AM en su zona. Añade las ciudades en las que viven tus colegas, arrastra tu ciudad al frente y un vistazo te dice quién está ante su mesa.

Programar llamadas internacionales

¿Necesitas saber si las 9 AM en San Francisco son demasiado tarde para llamar a Tokio? Añade ambas ciudades y lee las horas directamente. El sombreado oscuro/claro también te dice qué lado está cómodamente despierto y cuál va a estar somnoliento - información útil para elegir quién hospeda la reunión.

Familia y amigos en el extranjero

"¿Qué hora es ahora donde vive mamá?" - un vistazo. Añade la ciudad una vez y nunca más tendrás que hacer el cálculo mental de +7 / +12 horas.

Planificación de viajes

Antes de un vuelo, añade tu destino para empezar a adaptarte mentalmente. Tras aterrizar, el reloj también ayuda con el jet lag - saber qué hora cree tu cuerpo que es frente a la del reloj local es la mitad de la batalla.

Trading y mercados

Muchos mercados financieros publican sus horarios en la zona horaria local de su bolsa (p. ej. Tokio abre a las 09:00 JST). Añade las ciudades relevantes y siempre verás la hora en la zona correcta, con DST gestionado automáticamente.

Deporte, esports y emisiones en directo

"¿A qué hora empieza el partido aquí?" - si se anuncia como 20:00 CET y vives en São Paulo, basta con añadir Berlín y São Paulo y leer ambas horas en paralelo.

Cómo funciona el reloj mundial por dentro

• El mapa es un único SVG dibujado con D3.js a partir de un fichero GeoJSON con las fronteras de los países. Una proyección equirectangular (latitud/longitud planas) hace trivial colocar los pines: la latitud y la longitud se mapean directamente a píxeles.
• El lado nocturno del mapa se renderiza como un círculo geográfico de 90° alrededor del punto antisolar (el punto de la Tierra opuesto al Sol). Se usa la misma trigonometría que la NOAA publica para la posición solar: declinación solar + ecuación del tiempo + el reloj UTC de tu ordenador. Se actualiza una vez por minuto.
• Cada ciudad de la base de datos lleva una zona horaria IANA. El navegador convierte UTC a hora local mediante Intl.DateTimeFormat({ timeZone: ... }) - así las reglas de DST se heredan de la base de datos tz del navegador y se mantienen al día mientras tu navegador lo esté.
• Las ciudades seleccionadas, su orden y tu tema se guardan en localStorage. No se envía nada a un servidor.

Trucos y consejos

• Fija primero tu ciudad de origen. Arrástrala a la posición n.º 1 para que todas las demás tarjetas se lean como un delta respecto a "tu hora".
• Agrupa por región. Junta primero las ciudades asiáticas, luego las europeas y luego las americanas. La cuadrícula de tarjetas se ajusta sola y el ritmo visual hace que sea más fácil de escanear.
• Usa el truco de hacer clic para fijar. Al compartir pantalla en una llamada, haz clic en una tarjeta para mantener su pin resaltado - así quien está al otro lado sabe exactamente a qué ciudad estás señalando.
• El sombreado del mapa es real. La banda oscura que cruza el mapa es la línea real de amanecer/atardecer en este momento. Si el pin de una ciudad está dentro de la banda oscura, el atardecer aún no ha terminado pero está cerca.
• Las tarjetas recuerdan su orden. No tengas miedo de dejar al fondo la ciudad que no necesitas - tu orden anterior se guarda por navegador.

Preguntas frecuentes