Cronômetro e Timer

O cronômetro conta progressivamente a partir do zero — use-o para medir quanto tempo algo leva. Cozinhar uma receita, cronometrar um intervalo de treino, gravar o ensaio de uma apresentação, medir o tempo de uma tarefa manual no trabalho ou acompanhar quanto tempo uma criança leva na lição de casa.

O timer regressivo (countdown) conta de uma duração definida até o zero — use-o quando precisar parar ou ser alertado em um tempo fixo. Blocos de trabalho Pomodoro, intervalos de HIIT, timers de forno, time-boxing de reuniões, sprints de estudo ou simulados de exames. O alerta sonoro no zero é o objetivo principal.

Ambos funcionam via requestAnimationFrame para precisão de acordo com a taxa de atualização do monitor (geralmente 60 ou 120 Hz). A tela atualiza a cada quadro; o tempo subjacente é medido com performance.now(), que possui resolução de sub-milissegundos.

A maioria dos tutoriais de timers para navegador usa setInterval com um intervalo de 10 ms ou 100 ms e incrementa um contador. Essa abordagem sofre desvios: o setInterval é limitado a 1000 ms em abas em segundo plano e acumula erros de arredondamento em períodos longos.

Este cronômetro, em vez disso, registra um único timestamp de performance.now() no início e calcula elapsed = now − start em cada quadro de animação. Não há desvio — mesmo após rodar por uma hora, o tempo exibido corresponde ao tempo real decorrido com margem de poucos milissegundos.

Pausar e retomar funciona acumulando o delta decorrido em um total acumulado ao pausar, e reiniciando o timestamp de início ao retomar. O total acumulado sobrevive a qualquer número de ciclos de pausa/retomada sem perder a precisão.

As voltas (laps) são capturas instantâneas do valor decorrido; elas não reiniciam o cronômetro principal. Você pode registrar dezenas de voltas sem afetar o timer principal.

Pomodoro: contagem regressiva de 25 minutos para trabalho focado, 5 minutos de descanso. Empilhe quatro ciclos e depois faça uma pausa mais longa de 15 a 30 minutos. O alerta sonoro permite que você ignore totalmente o timer até que ele toque.

HIIT e Tabata: 20 segundos de atividade + 10 segundos de descanso × 8 rodadas. Use o botão de voltas (lap) no cronômetro para registrar cada rodada, ou defina uma contagem regressiva de 4 minutos e observe os segundos para as transições.

Culinária: contagem regressiva para assar e grelhar sem precisar vigiar. Use o cronômetro para selar e descansar carnes, onde você precisa saber exatamente há quanto tempo a proteína está descansando.

Discursos e apresentações: cronômetro à sua frente durante a prática; contagem regressiva quando você tem um limite de tempo rígido (TED talks, palestras rápidas, apresentações de vendas).

Dica: mantenha esta aba aberta em primeiro plano para uma contagem regressiva mais precisa — abas em segundo plano limitam o requestAnimationFrame a ~1 quadro por segundo para economizar bateria, o que não afeta o tempo total decorrido, mas afeta a fluidez da exibição.

Limitação de abas em segundo plano: O Chrome e o Safari limitam severamente as abas em segundo plano. A contagem regressiva ainda disparará o alarme no momento certo (porque usamos uma verificação de relógio real, não um contador de ciclos), mas a tela não atualizará suavemente.

Computador em suspensão: se o seu notebook entrar em suspensão, os timers do navegador param totalmente. A contagem será retomada de onde parou, não de onde deveria estar — para qualquer cronometragem que deva rodar durante a suspensão, use um alarme de celular ou um agendador do sistema operacional.

Alerta sonoro bloqueado: a maioria dos navegadores bloqueia áudio de reprodução automática até que você interaja com a página. Clique em "Iniciar" uma vez e o alerta no zero tocará; se você carregar esta página em uma aba em segundo plano e nunca clicar, o contexto de áudio não poderá ser inicializado.

Precisão das voltas: as voltas capturam o tempo decorrido no momento em que você clica. O tempo de reação humana é de aproximadamente 200 ms — para precisão abaixo de um segundo, use análise de vídeo em vez de um botão manual de voltas.