Cronômetro online

Um cronômetro online é uma ferramenta de cronometragem de precisão que mede o tempo decorrido a partir de zero, normalmente com resolução de milissegundos. Diferente de um temporizador de contagem regressiva, um cronômetro responde "quanto tempo isso levou?", tornando-o ideal para treinamento esportivo, experimentos de laboratório, apresentações, culinária, sprints de programação e qualquer atividade onde você precisa rastrear a duração. Esta ferramenta funciona completamente no seu navegador usando requestAnimationFrame para atualizações suaves de exibição e performance.now() para medição de tempo monotônica, mantendo-se precisa mesmo quando o relógio do sistema é ajustado. O registro de voltas permite capturar tempos parciais com destaque da melhor/pior volta, e todos os dados permanecem locais — nada é enviado.

O motor do cronômetro evita completamente o padrão setInterval propenso a deriva. Em vez disso, ele usa requestAnimationFrame (rAF) para atualizações de exibição e performance.now() como fonte de tempo de referência. Quando o usuário clica em Iniciar, o motor registra o timestamp performance.now() atual como startTime. A cada quadro de animação, ele calcula elapsed = accumulated + (performance.now() - startTime), onde accumulated mantém o tempo total decorrido antes da pausa mais recente. Este modelo de duas variáveis (tempo acumulado + delta de execução) lida corretamente com ciclos de pausa/retomada sem perda de precisão sub-milissegundo.

performance.now() é escolhido em vez de Date.now() porque é monotônico — nunca retrocede devido a correções NTP, alterações manuais do relógio ou transições de horário de verão. Ele também oferece resolução sub-milissegundo (tipicamente granularidade de 5 µs em navegadores modernos), tornando-o o relógio certo para cronometragem de curta duração e alta precisão. O callback rAF é limitado à taxa de atualização da tela (tipicamente 60 Hz = ~16,67 ms, até 120 Hz em telas de alta taxa de atualização), então a atualização visual é suave, mas não é a a referência — o tempo real decorrido vem do cálculo performance.now(), que é continuamente correto.

O registro de voltas captura o elapsedMs atual no momento em que o botão Volta é clicado, calculando a diferença parcial em relação ao total da volta anterior. As voltas mais rápidas e mais lentas são determinadas comparando todas as diferenças de volta com Math.min/Math.max, e a tela as destaca com estilos verde e vermelho respectivamente. Todo o estado reside em hooks useState do React dentro do componente cliente, e nenhum dado é persistido ou transmitido — o cronômetro é efêmero por natureza, redefinindo-se completamente quando a página é fechada ou o botão Redefinir é pressionado.

• performance.now() fornece timestamps monotônicos de precisão sub-milissegundo — imune a alterações do relógio do sistema.
• requestAnimationFrame impulsiona atualizações de exibição na taxa de atualização (60–120 Hz) para renderização suave.
• O modelo de tempo acumulado + delta de execução lida com pausa/retomada sem perda de precisão.
• Diferenças de volta são calculadas como currentTotal - previousTotal para cronometragem parcial precisa.
• Todo o cálculo é executado localmente no navegador; sem idas e vindas ao servidor ou uploads de dados.