¿Qué hace esta herramienta
La herramienta Reloj combina un Reloj mundial, Cronómetro y Temporizador cuenta atrás en uno solo. El Reloj mundial muestra la hora en vivo para cualquier zona horaria IANA, actualizada cada segundo. El Cronómetro mide el tiempo transcurrido con soporte de vueltas usando requestAnimationFrame para precisión. El Temporizador acepta horas, minutos y segundos y cuenta hasta cero con un anillo de progreso animado. Todo funciona en tu navegador — sin servidor.
Cómo usarla
- Reloj mundial — Añade zonas horarias desde el menú desplegable. Consulta la hora en vivo y el desplazamiento UTC. Elimina zonas según necesites.
- Cronómetro — Iniciar, detener, reanudar, vuelta y reiniciar. Las vueltas se registran en una lista.
- Temporizador — Introduce horas (0–99), minutos (0–59), segundos (0–59). Inicia el temporizador. A cero, aparece «¡Se acabó el tiempo!» y el anillo se completa.
- Cambiar pestañas — Navega entre Reloj mundial, Cronómetro y Temporizador.
Cómo funciona
Reloj mundial: Usa Intl.DateTimeFormat y un setInterval (1s) para mostrar la hora en vivo de las zonas IANA seleccionadas. Reutiliza funciones del Conversor de zonas horarias. Cronómetro: Usa requestAnimationFrame para un tiempo sin deriva; almacena las vueltas intermedias. Temporizador: Parsea la entrada, ejecuta la cuenta atrás con setInterval y anima un anillo SVG. A cero, el temporizador se detiene y muestra una notificación. El horario de verano se gestiona con la API Intl del navegador.
Todo el procesamiento se ejecuta en tu navegador. No se envía ningún dato a ningún servidor.
Casos de uso y ejemplos
- Reuniones remotas — Consulta la hora en varias ubicaciones.
- Entrenamientos — Usa el cronómetro y las vueltas para intervalos.
- Cocina — Usa el temporizador para tiempos de cocción.
- Concentración — Cuentas atrás estilo Pomodoro.
- Viajes — Compara la hora local y la de destino.
Ejemplo
- Añade Asia/Ho_Chi_Minh y America/New_York → Consulta ambas en vivo.
- Cronómetro: Iniciar, vuelta a 30s, vuelta a 60s → Vueltas registradas.
- Temporizador: 0h 5m 0s → Temporizador de 5 minutos.
Limitaciones y restricciones conocidas
- Pestañas en segundo plano — Las pestañas en segundo plano pueden ralentizar los temporizadores; mantén la pestaña activa para un temporizador/cronómetro preciso.
- Solo IANA — Usa nombres de zonas horarias IANA; las abreviaturas (ej. EST) pueden ser ambiguas.
- Rango del temporizador — Horas 0–99, minutos/segundos 0–59.
- Sin persistencia — El cronómetro y temporizador se reinician al recargar la página.