Por qué los temporizadores del navegador se desfasan y cómo un temporizador online mantiene la precisión

Un temporizador del navegador es preciso cuando lee el reloj, no cuando cuenta pulsos. Guarda la hora de fin al iniciar el temporizador y, cada vez que se actualiza la pantalla, resta la hora actual. Los pulsos pueden llegar tarde o ralentizarse en una pestaña en segundo plano, pero la resta sigue siendo correcta en el momento en que la página la comprueba.

Temporizador online¿Necesitas un temporizador o cronómetro?Úsalo gratis

Por qué contar pulsos provoca desfase

Una forma habitual de escribir un temporizador es restar uno a un contador cada segundo. El navegador ejecuta ese paso con un temporizador repetitivo, que pide ejecutar una función cada cierto número de milisegundos. El navegador no garantiza una sincronización exacta. Una página ocupada, un dispositivo lento o una pestaña oculta pueden retrasar cada pulso, y los retrasos se acumulan. Un contador que pierde unos pocos milisegundos por pulso se nota claramente tras unos minutos.

Qué hacen las pestañas ocultas

Los navegadores ralentizan los temporizadores de las pestañas que no estás mirando. Así se ahorra batería y tiempo de procesador. Chrome, por ejemplo, limita la frecuencia con la que se ejecutan los temporizadores repetitivos en una pestaña oculta, y si la pestaña lleva mucho tiempo oculta, esos temporizadores pueden ejecutarse mucho menos. Un contador en una pestaña así se queda atrás, y por eso una cuenta atrás que cuenta pulsos puede terminar tarde.

Leer el reloj en su lugar

La solución es registrar cuándo empezó el temporizador y cuándo debe acabar. El navegador ofrece un reloj de alta resolución, performance.now(), pensado para medir intervalos. Cuando se actualiza la pantalla, el temporizador calcula el tiempo restante como hora de fin menos hora actual. Una actualización tardía muestra un número ligeramente desfasado durante un momento, pero la siguiente actualización lo corrige, porque el cálculo no depende de cuántos pulsos se han ejecutado. El temporizador online de este sitio funciona así.

Al pausar, se guarda el tiempo restante. Al reanudar, se establece una nueva hora de fin como ahora más el tiempo restante, de modo que la pausa no altera la cuenta.

La página también programa un temporizador para el momento en que debe acabar la cuenta atrás. Así, la alarma no espera a la siguiente actualización de pantalla, aunque esta se retrase.

Por qué la pantalla redondea hacia arriba

Una cuenta atrás muestra el tiempo restante redondeado hacia arriba al segundo entero siguiente. Un temporizador de tres segundos muestra 00:03 al empezar, 00:02 y 00:01 mientras avanza, y 00:00 al terminar. Redondear hacia abajo mostraría 00:00 durante el último segundo, y eso parecería que se adelanta un segundo. Un temporizador de cocina funciona igual.

Sonido y pantalla

El tono lo genera el sistema de audio del navegador, así que no se descarga ningún archivo de sonido. Los navegadores solo permiten sonido tras una acción del usuario en la página, por eso el audio se prepara al pulsar Iniciar. Los ajustes de volumen y silencio del dispositivo siguen aplicándose.

El bloqueo de pantalla es opcional. Cuando el navegador lo admite, la página puede pedir al dispositivo que mantenga la pantalla encendida mientras el temporizador funciona. El navegador libera el bloqueo cuando la pestaña se oculta, así que la página lo vuelve a pedir cuando regresas.

Qué mide una vuelta de cronómetro

Un cronómetro suma los tramos de tiempo en los que ha estado en marcha, y al pausar se detiene esa suma. El total es el tiempo desde el inicio, y una vuelta es el cambio del total desde la vuelta anterior. El tiempo de la vuelta 1 es igual al primer total. El de la vuelta 2 es igual al segundo total menos el primero. La pantalla muestra centésimas de segundo, pero la precisión está limitada por el dispositivo y el navegador, así que considera el último dígito como aproximado. Para calcular horas de turno en lugar de usar un cronómetro, la calculadora de horas hace las sumas a partir de las horas del reloj, como se explica en horas trabajadas en turnos de noche.

Comprobaciones prácticas

• Prueba un temporizador corto contra un reloj de pulsera antes de confiar en él para cocinar o entrenar. Una prueba de 30 segundos basta para comprobar cómo se comporta el dispositivo.
• Sube el volumen y comprueba que el dispositivo no esté en silencio.
• Un temporizador mantiene la hora exacta mientras su pestaña está oculta, pero cerrar la pestaña o recargar la página lo reinicia.
• Si el portátil entra en suspensión durante una cuenta atrás, revisa el tiempo restante al despertar, porque el comportamiento durante la suspensión depende del dispositivo y del navegador.

Cómo hacerlo con fixmint

1. Elige Temporizador y pulsa un preajuste como 5 min, o escribe en Horas, Minutos y Segundos.
2. Pulsa Iniciar. Puedes cambiar de pestaña y el tiempo sigue siendo correcto. Si recargas, el temporizador se reinicia.
3. Marca Mantener la pantalla encendida mientras funciona si tu navegador ofrece esa opción.
4. Para las vueltas, elige Cronómetro, pulsa Iniciar y luego Vuelta en cada parcial.
5. Cronometra una prueba de 30 segundos con un reloj antes de confiar en el temporizador para cocinar o entrenar.

Casos límite

• Cambios de hora. Una cuenta atrás mide el tiempo transcurrido, no la hora del reloj, así que los cambios de horario de verano no le afectan.
• Temporizadores largos. Un temporizador de varias horas sigue siendo preciso, pero comprueba que el dispositivo no haya entrado en suspensión mientras tanto.
• Más de un temporizador. Cada temporizador mantiene su propia hora de fin, así que dos temporizadores en dos pestañas no interfieren entre sí.

Respuestas rápidas

¿Por qué un temporizador va retrasado en una pestaña en segundo plano? Los navegadores ralentizan los temporizadores repetitivos de las pestañas ocultas, así que un temporizador que cuenta pulsos se queda atrás. Uno que lee el reloj no.

¿El temporizador será correcto cuando vuelva a la pestaña? Sí. Muestra el tiempo que queda a partir de la hora de fin guardada.

¿Cuál es la diferencia entre una vuelta y un total? Una vuelta es el tiempo desde la vuelta anterior. El total es el tiempo desde que se inició el cronómetro.