Cronômetro Online

Um cronômetro de navegador pode errar de dois jeitos: contar tiques que o navegador atrasa de propósito, ou perder o tempo em que o aparelho dormiu. Este cronômetro trata os dois casos.

Por que a contagem não atrasa em segundo plano

O jeito mais simples de montar um cronômetro na web é somar 10 ms a cada chamada de um setInterval de 10 ms. Esse jeito erra, porque o navegador não promete o intervalo. O blog do Chrome para desenvolvedores documenta que, com a aba escondida, os timers encadeados passam a rodar uma vez por segundo e, depois de 5 minutos escondida e 30 segundos em silêncio, uma vez por minuto. Um cronômetro que soma tiques perderia quase todo esse tempo.

Aqui o número é sempre uma subtração: o instante de agora menos o instante do início, menos as pausas. Os dois instantes vêm de performance.now(), que a especificação High Resolution Time do W3C define como relógio monotônico. Ele nunca anda para trás e não muda quando o relógio do sistema é acertado pela rede ou à mão. O tique da tela só redesenha o número. Se a aba ficar dez minutos escondida sem nenhum tique, a primeira leitura na volta já mostra os dez minutos.

O que muda quando o celular dorme

A MDN registra uma falha conhecida do performance.now(): a especificação pede que ele continue contando com o sistema suspenso, mas só os navegadores do Windows fazem isso. Nos outros sistemas, celulares incluídos, esse relógio para enquanto o aparelho dorme. Quem inicia um cronômetro que dependesse só dele, bloqueia o celular e corre meia hora veria menos de meia hora na volta.

A correção é comparar os dois relógios. A cada leitura, a ferramenta vê quanto andou o performance.now() e quanto andou o relógio do sistema desde a leitura anterior. Com o aparelho acordado, os dois andam juntos. Se o relógio do sistema avançou mais de meio segundo além do outro, a diferença é tempo de sono e entra na conta. O relógio do sistema só serve para somar: um acerto dele para trás nunca desconta nada do cronômetro.

Enquanto o cronômetro roda, a página também pede para a tela ficar acesa, pela Screen Wake Lock API do W3C. O navegador solta esse pedido quando a aba fica escondida, e a página pede de novo quando você volta. Com a economia de bateria ligada o sistema pode recusar, e a ferramenta avisa embaixo dos botões.

O centésimo da tela e o erro que importa

O instante de cada comando é o do toque, e não o do fim do clique. O evento de encostar no botão já chega com a hora em que aconteceu (Event.timeStamp, na mesma escala do performance.now()), e é essa hora que marca a volta ou a pausa. No teclado, vale a hora em que a tecla desceu. A tela mostra o tempo cortado no centésimo: 59,999 s ainda aparecem como 00:59,99, como num cronômetro de mão, e o minuto só muda quando se completa.

Nenhum desses cuidados elimina o erro maior, que é humano. A tabela de precisão, logo abaixo do cronômetro, põe as escalas lado a lado, do relógio do navegador ao dedo de quem aperta.

Como marcar voltas e levar para a planilha

1. Inicie e toque em Volta, ou aperte V, a cada passagem. A volta em andamento fica no topo da tabela.
2. Parcial é o tempo daquela volta, total é o tempo do cronômetro na marcação e diferença é a parcial menos a da volta anterior, com sinal de mais quando a volta foi mais lenta.
3. A partir da segunda volta, o resumo mostra a mais rápida, a mais lenta, a média e a distância entre as duas. Voltas empatadas no centésimo recebem a mesma marca.
4. Copiar para planilha manda colunas separadas por tabulação, que o Excel e o Google Planilhas espalham ao colar. Baixar CSV grava um arquivo separado por ponto e vírgula, com as linhas terminadas em CRLF, como descreve o RFC 4180.

As parciais saem dos totais já cortados no centésimo. Com isso, a soma das parciais da tabela bate exatamente com o total da última volta, e quem confere na calculadora não encontra uma diferença de um centésimo.

Usos que pedem voltas

• Prova e redação: marque uma volta ao fim de cada etapa (planejamento, rascunho, texto passado a limpo) ou de cada bloco de questões. No simulado seguinte você sabe onde o tempo foi.
• Apresentação de TCC: ensaie com uma volta a cada parte da fala e compare com o tempo que o regulamento do seu curso dá. A parte mais longa aparece em vermelho, e a tela cheia no notebook deixa o número à vista enquanto você fala.
• Treino intervalado: marque a volta no fim do tiro e pause durante o descanso. Na retomada, a próxima volta conta só o tiro seguinte, e o resumo compara os tiros entre si, sem o descanso no meio.
• Corrida na pista e natação: uma volta por passagem, ou por piscina. Nas provas oficiais de 800 m ou mais, a regra do atletismo pede o registro do tempo de cada volta sempre que possível, pelo mesmo motivo: a parcial mostra onde o ritmo mudou. Com o tempo total e a distância, a calculadora de velocidade, distância e tempo dá a velocidade média.

Cronômetro, temporizador ou despertador

O cronômetro mede para frente, a partir do zero. Para contar para trás a partir de um tempo escolhido e ouvir um alarme no fim, use o temporizador online. Blocos de foco e pausa que se alternam sozinhos ficam no pomodoro, e um aviso numa hora marcada do relógio, no despertador online. Para saber se o relógio do aparelho está certo, confira o horário de Brasília.