Cronômetro regressivo

Um cronômetro regressivo online é uma ferramenta gratuita no navegador que faz a contagem decrescente a partir de um tempo que você define e avisa quando chega a zero. Defina 25 minutos para uma sessão Pomodoro, 6 minutos para um ovo cozido, 45 minutos para uma prova - tudo o que precisar de um limite de tempo. Em vez de ficar olhando para o relógio, o cronômetro permite que você pare de pensar na hora e se concentre totalmente na tarefa. O alarme o chama quando a contagem termina. Sem baixar nada, sem registros, sem carregar nada. Tudo roda na aba do navegador.

O cronômetro não depende de setInterval para contar segundos - essa abordagem acumula desvio ao longo do tempo, porque o event loop do navegador só garante um atraso mínimo, não um ritmo constante. Em vez disso, o cronômetro registra o instante inicial com Date.now() e recalcula o tempo restante em cada frame: restante = duraçãoTotal − (Date.now() − início). Este design autocompensador significa que o tempo apresentado se mantém exato mesmo que a thread do JavaScript esteja momentaneamente ocupada com garbage collection ou cálculos de layout.

As atualizações do visor são gerenciadas por requestAnimationFrame, que sincroniza com a taxa de atualização da tela (normalmente 60 vezes por segundo, ou 120 em telas de alta frequência). A atualização visual é fluida, mas a medição real do tempo vem do cálculo com Date.now() - a animação serve apenas para apresentação, não para medição.

Quando a aba passa para segundo plano, os navegadores limitam agressivamente os temporizadores. Abas ocultas podem ter o setInterval restringido a uma chamada por segundo e abas inativas podem ser totalmente congeladas ao fim de alguns minutos para poupar bateria. O cronômetro lida com isso verificando o relógio do sistema assim que a aba volta a ficar visível, saltando o visor para o tempo restante correto. Para o alarme final, a página utiliza a Web Audio API para reproduzir um tom curto. Isso exige uma interação prévia do usuário (como clicar em Iniciar) antes de o áudio ser permitido - uma política de autoplay do navegador que impede sons indesejados. Se a aba estiver oculta ou o sistema em suspensão, o alarme não dispara, mas o visor mostra o tempo decorrido correto assim que você voltar.

• Usa Date.now() para precisão de relógio de parede - recalcula o tempo restante em cada frame em vez de contar ciclos de setInterval.
• requestAnimationFrame sincroniza as atualizações do visor com a taxa de atualização da tela para uma apresentação fluida.
• Abas em segundo plano são limitadas pelo navegador; o cronômetro compensa com o relógio do sistema ao retornar.
• A Web Audio API reproduz o 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 lado nenhum.