¿Qué es este Cronómetro?

Este es un hermoso cronómetro basado en navegador y temporizador de cuenta atrás construido alrededor de un cronometraje preciso de milisegundos e interfaz pulida. Ya sea que estés cronometrando un entrenamiento, cocinando una receta, ejecutando una sesión Pomodoro o grabando divisiones de vueltas — esta herramienta se mantiene fuera de tu camino y se ve excelente mientras lo hace.

Modo Cronómetro

Cuenta hacia arriba desde cero con grabación de vueltas ilimitada. Rastrea divisiones, deltas y totales acumulativos en tiempo real.

Modo Temporizador

Cuenta hacia atrás desde cualquier duración y te alerta con sonido, vibración y notificación del navegador — incluso si has cambiado de pestaña.

Diseñado para los Ojos

Elige entre 8 temas cuidadosamente elaborados — Aurora (predeterminado), Ocean, Neon, Retro LCD, Classic, Sakura, Pastel y Sunset — y combina cualquiera de ellos con uno de 5 estilos de dial: Ring, Halo, Bar, Flip y LCD. Cambia a modo pantalla completa para convertir el dial en una pantalla central, perfecta para proyectores de clase, estaciones de cocina o simplemente disfrutar de la vista.

¿Quién Debería Usar Esta Herramienta?

Atletas y Fitness

Rastrea intervalos de entrenamiento, períodos de descanso y divisiones de vueltas con estadísticas de mejor / promedio / total.

Entrenadores

Graba tiempos de división para análisis de rendimiento y seguimiento del progreso del atleta.

Estudiantes

Cronometra sesiones de estudio, práctica de exámenes e intervalos Pomodoro con facilidad.

Cocineros y Pasteleros

Establece cuentas atrás con notificaciones del navegador para que nunca pierdas la alarma.

Speedrunners y Jugadores

Precisión de milisegundos con una cara pantalla completa limpia para cronometraje competitivo.

Presentadores y Anfitriones

Un dial grande y legible que se lee claramente desde el otro lado de la sala.

Tus Datos Permanecen Privados

Todo se ejecuta completamente en tu navegador — sin cuentas, sin cargas, sin seguimiento.

Sin conexión al servidor — Todo el cronometraje ocurre localmente en tu dispositivo
Sin recopilación de datos — Tus tiempos de vuelta y configuración nunca se cargan
Funciona sin conexión — Una vez cargado, el cronómetro sigue funcionando sin internet
Solo almacenamiento local — Tu tema, estilo de dial, modo, sonido y datos de vueltas se guardan en tu navegador para la próxima vez

Table of Contents

1. ¿Qué es este Cronómetro?
2. Cómo Usar el Cronómetro
3. Características
4. Preguntas Frecuentes

Cómo Usar el Cronómetro

Modo Cronómetro (Cuenta Hacia Arriba)

El modo predeterminado cuenta hacia arriba desde cero — perfecto para cronometrar actividades y grabar divisiones de vueltas:

Iniciar Cronometraje

Haz clic en el botón Iniciar o presiona Space para comenzar a contar desde cero.

Grabar Vueltas

Mientras se ejecuta, haz clic en Vuelta o presiona L para grabar una división. Cada vuelta muestra su tiempo de división, total acumulativo y un delta +/- versus la vuelta anterior.

Pausar y Reanudar

Haz clic en el botón principal nuevamente o presiona Space para pausar. Presiona una vez más para reanudar desde el mismo punto.

Reiniciar

Haz clic en Reiniciar o presiona R para borrar la hora y todas las vueltas grabadas.

Estadísticas de Vueltas: Con tres o más vueltas grabadas, la más rápida se resalta en verde y la más lenta en rojo. El pie de página de estadísticas muestra tu Mejor Vuelta, Vuelta Promedio y Tiempo Total de un vistazo.

Modo Temporizador (Cuenta Atrás)

Cambia a modo Temporizador para cronometraje de cuenta atrás con alertas enriquecidas:

Cambiar Modo

Haz clic en la pestaña Temporizador en la parte superior, o presiona T mientras está detenido.

Establecer Duración

Escribe en los campos de horas / minutos / segundos, o haz clic en un preajuste: 1m, 3m, 5m, 10m, 15m, 30m.

Iniciar Cuenta Atrás

Haz clic en Iniciar o presiona Space para comenzar la cuenta atrás.

Recibir Alerta

En cero, la alarma suena, el dispositivo vibra (móvil) y aparece una notificación del navegador si la has habilitado.

Consejo de Entrenamiento de Intervalos: Activa Reinicio Automático en la barra lateral para hacer que el temporizador se reinicie automáticamente — útil para entrenamiento de intervalos o ciclos repetidos.

Personaliza la Apariencia

Abre la barra lateral (o el cajón de menú en móvil) para personalizar tu experiencia:

Tema

8 paletas que van desde suave (Sakura, Pastel) hasta vívido (Aurora, Neon, Ocean) hasta nostálgico (Retro LCD).

Estilo de Dial

Ring (con marcas de graduación), Halo (brillo suave), Bar (progreso lineal), Flip (numerales de tarjeta abatible vintage), LCD (pantalla digital retro).

Estadísticas

Muestra u oculta el pie de página Mejor / Promedio / Total para mantener la interfaz tan limpia como desees.

Controles

Oculta los controles en pantalla si prefieres usar exclusivamente atajos de teclado (solo escritorio).

Modo Pantalla Completa

Haz clic en el icono de expansión en el encabezado o presiona F para poner el dial en pantalla completa. Las barras laterales y pestañas se ocultan para que el dial sea dueño de toda la pantalla — ideal para proyectores, cocinas o cualquier caso de uso desde el otro lado de la sala.

Atajos de Teclado

Tecla	Acción	Modo
`Space`	Iniciar o pausar	Ambos
`L`	Grabar una vuelta	Solo Cronómetro
`R`	Reiniciar	Ambos
`T`	Alternar entre Cronómetro y Temporizador	Solo cuando está detenido
`F`	Alternar pantalla completa	Ambos

Nota: Los atajos se suprimen automáticamente cuando escribes en los campos de entrada del temporizador, para que puedas escribir números sin activar accidentalmente controles.

Mantente Atento en Segundo Plano

Título de pestaña en vivo — La pestaña del navegador se actualiza cada segundo con la hora actual, para que puedas monitorearlo desde otra pestaña
Notificación del navegador — Cuando el temporizador termina y esta pestaña está en segundo plano, una notificación te avisa para que regreses. Haz clic en ella para refocalizar la pestaña
Vibración — Los dispositivos móviles vibran cuando termina el temporizador
Bloqueo de pantalla activa — Mientras el cronómetro o temporizador se ejecuta, la pantalla no se oscurecerá ni dormirá en dispositivos compatibles

Características

Cronometraje Preciso

El tiempo se muestra en formato HH:MM:SS.ms con resolución de centisegundos (1/100 de segundo). El cronómetro utiliza la API performance.now() de alta resolución del navegador para actualizaciones visuales, con un respaldo setTimeout que dispara la alarma de manera confiable incluso cuando la pestaña está en segundo plano y los fotogramas de animación están pausados.

Grabación de Vueltas con Estadísticas

El modo Cronómetro admite vueltas ilimitadas. Cada entrada muestra el tiempo de división y total acumulativo, más un delta +/- contra la vuelta anterior. Con tres o más vueltas, la más rápida se resalta en verde y la más lenta en rojo. Un pie de página de estadísticas muestra tu Mejor Vuelta, Vuelta Promedio y Tiempo Total en vivo mientras grabas.

8 Temas Hermosos

Elige la paleta que coincida con tu estado de ánimo o entorno:

Aurora Predeterminado

Gradientes de esmeralda a púrpura en un lienzo de pizarra profunda.

Ocean

Brillo cian sobre azul marino profundo.

Neon

Magenta y cian sobre casi negro.

Retro LCD

Pantalla digital clásica verde sobre negro con líneas de barrido.

Classic

Tema claro nítido con acentos cian.

Sakura

Minimalista blanco con detalles rosa suave.

Pastel

Gradiente lila, rosa y menta.

Sunset

Tonos cálidos ámbar, naranja y rosa.

Modo Oscuro: Elegir un tema con tonos oscuros activa automáticamente el modo oscuro de la página para que el marco permanezca visualmente consistente.

5 Estilos de Dial

Independientemente del tema, elige cómo el dial visualiza el progreso:

Ring Predeterminado

Un dial circular con marcas de graduación para referencia visual precisa.

Halo

Un anillo suave y brillante sin marcas para un aspecto minimalista.

Bar

Barra de progreso lineal con la pila de tiempo mostrada debajo.

Flip

Numerales de tarjeta abatible vintage sin visualización de progreso.

LCD

Pantalla digital retro con bisel y superposición de línea de barrido.

Temporizador de Cuenta Atrás con Preajustes

Inicia rápidamente el temporizador con preajustes integrados — 1m, 3m, 5m, 10m, 15m, 30m — o ingresa cualquier combinación personalizada de horas / minutos / segundos. Activa Reinicio Automático para hacer un bucle de la cuenta atrás para entrenamiento de intervalos. La validación de tiempo limita minutos y segundos a 59 y horas a 99.

Alertas Conscientes del Segundo Plano

No te perderás la alarma — incluso cuando hayas cambiado de pestaña o aplicación:

Alarma de sonido — Un tono pulsante se reproduce a través de la API de Audio Web
Notificación del navegador — Opcional, activada por defecto. Aparece solo cuando la pestaña está en segundo plano; haz clic para refocalizar la página. El permiso se solicita de manera perezosa en el primer inicio para que los usuarios no sean solicitados al cargar la página
Vibración — Los dispositivos móviles vibran con un patrón reconocible
Título de pestaña en vivo — La pestaña del navegador se actualiza cada segundo con la hora actual, para que la cuenta atrás permanezca visible desde cualquier pestaña

Bloqueo de Pantalla Activa

Mientras un cronómetro o temporizador se ejecuta, la pantalla se mantiene activa usando la API de Bloqueo de Pantalla Activa en navegadores compatibles. El bloqueo se readquiere automáticamente cuando regresas a la pestaña desde otra aplicación — útil para gimnasio, cocina y escenarios de presentación donde no puedes seguir tocando la pantalla.

Modo Pantalla Completa

Un botón de pantalla completa dedicado y el atajo F eliminan el marco y centran el dial en un lienzo de sangrado completo. Los temas pintan todo el fondo de pantalla completa para que el resultado se sienta como una aplicación nativa.

Interfaz Responsiva Móvil Primero

En teléfonos, la barra lateral izquierda se colapsa en un cajón deslizable (abierto mediante el icono de hamburguesa; cierra mediante la X del área de marca o tocando la superposición atenuada). El panel de vueltas se apila ordenadamente debajo del dial, y las sugerencias de atajo desaparecen en móvil — manteniendo el diseño limpio y fácil de tocar.

Guardado Automático de Preferencias

Tus preferencias se persisten en el almacenamiento local del navegador para que todo sea exactamente como lo dejaste:

Modo actual (Cronómetro o Temporizador)
Tema y estilo de dial
Última duración de temporizador utilizada
Alternancias de Sonido, Reinicio Automático y Notificación del navegador
Visibilidad de Estadísticas / Controles y estado colapsado del panel de vueltas

Datos Solo de Sesión: Las entradas de vueltas y el reloj en ejecución son intencionalmente solo de sesión para que los datos grabados siempre coincidan con la sesión de cronometraje actual.

Preguntas Frecuentes

¿Qué tan preciso es este cronómetro?

El cronómetro utiliza el temporizador performance.now() de alta resolución del navegador para actualizaciones visuales, que es preciso a centisegundos (1/100 de segundo). Para cronometraje deportivo, cocina, sesiones de estudio y casos de uso similares, esto va mucho más allá de lo requerido.

¿Seguirá sonando el temporizador si cambio a otra pestaña?

Sí. Aunque las pestañas en segundo plano limitan requestAnimationFrame, la alarma se programa con un respaldo setTimeout separado que se dispara en el momento correcto independientemente del enfoque. Si has habilitado Notificación del navegador (activada por defecto, en la barra lateral del modo Temporizador), también recibirás una notificación del sistema — haz clic en ella para refocalizar esta pestaña.

¿Por qué se me pide permiso de notificación?

Las notificaciones del navegador se solicitan solo la primera vez que inicias un temporizador con la alternancia Notificación del navegador activada. Otorgar permiso permite que la alarma te alcance cuando esta pestaña no está en foco. Puedes desactivar la alternancia en cualquier momento y el resto de la aplicación sigue funcionando normalmente.

¿Evita que mi pantalla se duerma?

En navegadores compatibles (la mayoría de compilaciones Chromium / Safari de escritorio y móvil), el bloqueo de pantalla activa se activa siempre que el cronómetro o temporizador se ejecuta y se readquiere automáticamente cuando regresas a la pestaña. Los navegadores más antiguos ignoran la solicitud y el temporizador sigue funcionando como de costumbre — solo asegúrate de que la pantalla permanezca encendida por otros medios.

¿Puedo usar el cronómetro sin conexión?

Sí. Una vez que la página se ha cargado, toda la lógica de cronometraje se ejecuta localmente. No ocurren llamadas de red durante el uso.

¿Se guardan mis configuraciones cuando cierro el navegador?

Sí. Tema, estilo de dial, modo, duración del temporizador, sonido, reinicio automático y preferencias de notificación se persisten en el almacenamiento local de tu navegador. Las entradas de vueltas y el reloj en ejecución intencionalmente no se persisten — restaurar vueltas sin restaurar el estado del temporizador produciría divisiones desajustadas.

¿Cuál es el tiempo máximo que el cronómetro puede rastrear?

Hasta 99 horas, 59 minutos y 59 segundos. El dial se visualiza en bucle una vez por minuto en modo cronómetro, pero el total transcurrido sigue aumentando.

¿Puedo grabar vueltas en modo Temporizador (cuenta atrás)?

No — las vueltas solo se aplican al cronometraje de cuenta hacia arriba. El botón Vuelta y su opción de barra lateral se ocultan automáticamente cuando cambias a modo Temporizador.

¿Por qué no suena la alarma?

Los navegadores modernos requieren una interacción previa del usuario antes de que se reproduzca audio. Siempre que hayas hecho clic en cualquier cosa en la página (incluyendo Iniciar), la alarma funcionará. También verifica la alternancia Sonido en la barra lateral y el volumen de tu dispositivo.

¿Puedo usar atajos de teclado mientras escribo en la entrada del temporizador?

No — los atajos se suprimen mientras una entrada de texto está enfocada, para que puedas escribir "5" sin reiniciar accidentalmente el temporizador.

¿Qué hace Reinicio Automático?

Cuando está habilitado (solo modo Temporizador), la cuenta atrás se reinicia automáticamente desde el principio después de llegar a cero, sin mostrar el modal de finalización. Excelente para entrenamiento de intervalos, trabajo de respiración o ciclos repetidos.

¿Puedo hacer el dial más grande?

Sí — presiona F o haz clic en el botón de pantalla completa en el encabezado. El dial se expande para llenar la pantalla, las barras laterales se ocultan y el tema pinta todo el lienzo. Presiona F o Esc para salir de pantalla completa.

¿Cuál es la diferencia entre temas y estilos de dial?

Los temas cambian los colores (paleta, superficies, acentos). Los estilos de dial cambian la forma de la visualización de progreso (anillo, halo, barra lineal, tarjetas abatibles o pantalla LCD). Son completamente independientes — mezcla cualquiera de los 8 temas con cualquiera de los 5 estilos.

No veo la barra lateral en mi teléfono — ¿dónde están las configuraciones?

Toca el icono de menú (☰) en la parte superior izquierda del encabezado para abrir el cajón de la barra lateral. Toca la X en el área de marca, o en cualquier lugar en el área atenuada fuera del cajón, para cerrarlo.

¿Por qué falta la alternancia "Controles" en mi teléfono?

Los dispositivos móviles no tienen atajos de teclado, por lo que ocultar los controles en pantalla te dejaría sin forma de operar la aplicación. La alternancia Controles es por lo tanto solo para escritorio.