Multi-cronômetro

Um multi-cronômetro permite executar vários cronômetros regressivos lado a lado na mesma tela, cada um com a própria duração e os próprios controles. Adicione um para o assado, outro para o arroz, outro para a sobremesa - inicie-os todos juntos ou um de cada vez, pause qualquer um e ouça um alerta distinto no momento em que cada um termina. É a diferença entre lidar com um único cronômetro de cozinha e vigiar um fogão inteiro de uma só vez. Sem instalar aplicativos, sem criar conta. Tudo roda na aba do navegador e os seus cronômetros nunca saem do dispositivo.

Cada cronômetro é guardado como um objeto de estado independente que contém a duração total, o tempo restante e o indicador de execução. Ao iniciar um cronômetro, a página registra esse instante com Date.now() e a duração restante no arranque; o tempo restante é depois recalculado em cada ciclo como restante = restanteNoArranque − (Date.now() − início). Esta abordagem autocompensadora mantém o tempo apresentado exato mesmo que o navegador limite temporariamente o ritmo ou a thread do JavaScript esteja ocupada, porque o cálculo lê sempre o relógio real do sistema em vez de contar ciclos.

Um único ciclo compartilhado faz avançar todos os cronômetros ativos, por isso adicionar mais cronômetros não multiplica o trabalho de CPU - uma passagem por atualização os recalcula todos. Quando a aba passa para segundo plano, os navegadores limitam agressivamente os temporizadores e podem congelá-los para poupar bateria; assim que a aba volta a estar visível, cada cronômetro compensa pelo relógio do sistema e salta diretamente para o tempo restante correto.

Para o alerta de término, a página utiliza a Web Audio API para reproduzir um tom curto. Os navegadores exigem um gesto prévio do usuário (como clicar em Iniciar) antes de permitirem áudio - uma política de autoplay que impede sons indesejados. Se a aba estiver oculta ou o sistema em suspensão quando um cronômetro termina, o alarme não dispara, mas o visor estará correto assim que você voltar. Tudo roda localmente; nenhum dado de cronômetro é enviado para lugar nenhum.

• Cada cronômetro é um objeto de estado independente com o próprio instante de início e duração restante.
• Usa Date.now() para precisão de relógio de parede - recalcula o tempo restante em cada ciclo em vez de contar ciclos de setInterval.
• Um ciclo compartilhado faz avançar todos os cronômetros ativos, por isso adicionar cronômetros não multiplica o trabalho de CPU.
• Abas em segundo plano são limitadas pelo navegador; os cronômetros compensam com o relógio do sistema ao retornar.
• A Web Audio API reproduz cada alarme e exige um gesto do usuário (como clicar em Iniciar) antes de permitir o áudio.
• Todo o processamento roda localmente no navegador. Nenhum dado é enviado para lugar nenhum.