Multi-temporizador

Un multi-temporizador te permite ejecutar varios temporizadores de cuenta atrás a la vez en una misma pantalla, cada uno con su propia duración y sus propios controles. Pon un temporizador para el asado, otro para el arroz, otro para el postre: arráncalos juntos o de uno en uno, pausa el que quieras y escucha una alarma distinta en cuanto cada uno termina. Es la diferencia entre pelear con un solo reloj de cocina y vigilar toda la cocina de un vistazo. Sin instalar nada, sin crear cuenta. Todo funciona en tu pestaña del navegador y tus temporizadores no salen de tu dispositivo.

Cada temporizador se guarda como un objeto de estado independiente que almacena su duración total, el tiempo restante y un indicador de si está en marcha. Al iniciar un temporizador, la página registra ese instante con Date.now() y la duración restante en el arranque; el tiempo restante se recalcula en cada actualización como restante = restanteAlIniciar − (Date.now() − instanteDeInicio). Este enfoque autocorrector hace que el tiempo mostrado se mantenga preciso aunque el navegador reduzca temporalmente los recursos o el hilo de JavaScript esté ocupado, porque la lectura siempre se hace del reloj real del sistema y no de un contador de ticks. Un único bucle compartido impulsa todos los temporizadores en marcha, de modo que añadir más no multiplica el trabajo de la CPU: una sola pasada por actualización los recalcula todos. Cuando la pestaña pasa a segundo plano, los navegadores limitan los temporizadores de forma agresiva y pueden congelarlos si el equipo funciona con batería; en cuanto la pestaña vuelve a ser visible, cada temporizador se reconcilia con el reloj del sistema y salta directamente al tiempo restante correcto. Para la alarma de fin, la página usa la Web Audio API para reproducir un tono breve. Los navegadores exigen un gesto previo del usuario (como pulsar Iniciar) antes de permitir el audio: es una política de reproducción automática que evita sonidos no deseados. Si la pestaña está oculta o el sistema suspendido cuando un temporizador termina, la alarma no suena, pero al volver la pantalla mostrará el tiempo correcto. Todo esto se ejecuta en local; no se envía ningún dato a ningún servidor.

• Cada temporizador es un objeto de estado independiente, con su propio instante de inicio y duración restante.
• Usa Date.now() para precisión de reloj de pared: recalcula el tiempo restante en cada actualización en lugar de contar ticks de setInterval.
• Un único bucle compartido impulsa todos los temporizadores en marcha, así que añadir más no multiplica el trabajo de la CPU.
• Las pestañas en segundo plano son limitadas por el navegador; los temporizadores se reconcilian con el reloj del sistema al regresar.
• La Web Audio API reproduce cada alarma y requiere un gesto del usuario (como pulsar Iniciar) antes de permitir el audio.
• Todo el cálculo se ejecuta localmente en el navegador. No se envía ningún dato a ninguna parte.