Cronómetro y Temporizador Online
Un cronómetro preciso con tiempos de vuelta, más un temporizador con alarma — todo en uno.
Un cronómetro parece la herramienta más simple posible hasta que aprendes cómo funciona realmente la medición de tiempo en el navegador, momento en el que la mayoría de los cronómetros online resultan estar sutilmente mal. El enfoque ingenuo —sumar un segundo cada vez que se dispara un temporizador— deriva, porque los navegadores ralentizan los temporizadores en pestañas en segundo plano, los retrasan bajo carga y nunca garantizan intervalos exactos. Tras diez minutos, un cronómetro ingenuo puede desviarse varios segundos. Este toma el enfoque correcto: registra el momento en que pulsas iniciar y calcula continuamente la diferencia transcurrida respecto al reloj del sistema, así que la pantalla puede retrasarse pero la medición no puede derivar. También admite vueltas, que miden lo que el entrenamiento por intervalos y el cronometraje de procesos realmente necesitan.
Cómo funciona el cronómetro
Pulsa iniciar y el cronómetro almacena una marca de tiempo de alta resolución. Desde entonces, cada actualización de pantalla recalcula el tiempo transcurrido como la diferencia entre ahora y ese momento almacenado: la pantalla se refresca muchas veces por segundo, pero incluso si la pestaña se ralentiza o congela, la aritmética se mantiene exacta. Vuelta registra el total actual sin detener el reloj, así que obtienes tanto el parcial (tiempo desde la última vuelta) como el total acumulado. Pausa guarda el tiempo acumulado; reanudar inicia un segmento nuevo y lo suma.
Por qué las marcas de tiempo ganan al conteo de ticks
Ingenuo (deriva):
cada 1000 ms → segundos = segundos + 1
✗ las pestañas en segundo plano bajan a 1 tick/minuto
✗ cada tick retrasado se vuelve error permanente
Correcto (esta herramienta):
inicio = performance.now()
transcurrido = performance.now() − inicio
✓ la pantalla puede trastabillar, la medición no derivaLa diferencia importa sobre todo en pestañas en segundo plano. Los navegadores ralentizan deliberadamente los temporizadores en pestañas inactivas para ahorrar batería, hasta una vez por minuto o la suspensión total. Un cronómetro que cuenta ticks pierde todo ese tiempo para siempre. Uno basado en marcas de tiempo muestra el total correcto en el instante en que vuelves a la pestaña, porque nunca dependió de los ticks. `performance.now()` además ofrece precisión submilisegundo y es inmune a cambios del reloj del sistema, cosa que `Date.now()` no es.
Lo que conviene saber sobre cronometraje
- 1Las vueltas tienen dos lecturas, y ambas importan. El parcial muestra el tiempo del segmento recién terminado; el acumulado muestra el total transcurrido. Los corredores de intervalos miran parciales para mantener el ritmo; una auditoría de proceso necesita el acumulado para saber adónde se fue el tiempo. Confundirlos inutiliza los datos de vueltas, y por eso este cronómetro muestra ambos.
- 2El tiempo de reacción humano pone un suelo a la precisión del cronometraje manual. Pulsar un botón en respuesta a un evento añade 150–250 milisegundos en cada extremo, y varía entre intentos. Para cualquier cosa por debajo de unos diez segundos, ese error es una fracción apreciable de la medición: por eso el deporte pasó al cronometraje automático hace décadas.
- 3Aquí el cronómetro sigue contando correctamente en pestañas en segundo plano, pero las notificaciones del navegador pueden no llegar a tiempo. Si necesitas una alerta a un tiempo transcurrido concreto, mantén la pestaña visible o usa una cuenta atrás con sonido: la ralentización retrasa la notificación, no la medición.
- 4Para mediciones repetidas, toma varias y mira la dispersión. Una sola pasada cronometrada de lo que sea —código, un trayecto, un proceso— es una muestra de una distribución. De tres a cinco pasadas revelan si tu 4:12 fue típico o suerte, y la diferencia entre conclusiones sacadas de una muestra frente a cinco es la diferencia entre anécdota y datos.
- 5Precisión y exactitud son fallos distintos. Este cronómetro es preciso al milisegundo, pero si pulsas iniciar tarde, la medición es precisamente errónea. Para eventos con inicios definidos —un vídeo, la retransmisión de una carrera—, sincroniza con el reloj del propio evento y no con tus reflejos.
Preguntas frecuentes
¿Sigue corriendo el cronómetro si cambio de pestaña?
Sí, y ese es el sentido del diseño por marcas de tiempo. La medición es la diferencia entre ahora y el momento de inicio registrado, así que no se pierde nada cuando el navegador ralentiza la pestaña inactiva: la pantalla simplemente se pone al día en el instante en que vuelves. Un cronómetro que cuenta ticks, en cambio, pierde permanentemente el tiempo que los ticks ralentizados no registraron.
¿Qué precisión tiene un cronómetro de navegador?
El reloj subyacente, `performance.now()`, es preciso muy por debajo del milisegundo, aunque los navegadores lo redondean ligeramente para mitigar riesgos de ataques de temporización. En la práctica la medición es mucho más precisa que el humano que la opera: tus pulsaciones de inicio y parada llevan cada una 150–250 ms de tiempo de reacción. En el cronometraje manual, el eslabón débil no es el navegador: eres tú.
¿Cuál es la diferencia entre tiempo de vuelta y parcial?
La terminología varía, pero convencionalmente la vuelta (o parcial) es la duración del segmento recién completado —desde la pulsación de vuelta anterior—, mientras que el acumulado es el total desde el inicio. Un corredor haciendo repeticiones de 400 m lee las vueltas para comprobar el ritmo de cada repetición y el acumulado para saber el tiempo total de la sesión. Este cronómetro registra ambos en cada pulsación.
¿Por qué la pantalla trastabilla a veces?
Las actualizaciones de pantalla compiten con todo lo demás que hace el navegador, así que bajo carga el refresco puede saltarse fotogramas momentáneamente. Es cosmético: el tiempo transcurrido se recalcula desde la marca de inicio en cada fotograma, así que una pantalla que trastabilla sigue mostrando el valor correcto cada vez que se actualiza. La medición y el renderizado están desacoplados a propósito.
¿Puedo usarlo para cronometraje científico o deportivo?
Para uso informal, por supuesto: el reloj en sí es preciso al milisegundo. Para cualquier cosa oficial, ningún cronómetro manual califica, porque el tiempo de reacción humano domina el presupuesto de error. El atletismo exige cronometraje automático para los récords precisamente porque el manual es optimista de forma fiable en 0,2–0,3 segundos. Usa este para entrenar, cocinar, reuniones y procesos; usa cronometraje instrumentado para récords.