O Que É Este Cronômetro?

Este é um cronômetro bonito baseado em navegador e temporizador regressivo construído em torno de timing com precisão de milissegundos e uma interface polida. Quer você esteja cronometrando um treino, preparando uma receita, executando uma sessão Pomodoro ou gravando divisões de volta — esta ferramenta fica fora do seu caminho e fica ótima enquanto faz isso.

Modo Cronômetro

Conta a partir de zero com gravação ilimitada de voltas. Acompanhe divisões, deltas e totais cumulativos em tempo real.

Modo Temporizador

Conta regressivamente a partir de qualquer duração e o alerta com som, vibração e notificação do navegador — mesmo se você tiver mudado de aba.

Projetado para os Olhos

Escolha entre 8 temas cuidadosamente elaborados — Aurora (padrão), Ocean, Neon, Retro LCD, Classic, Sakura, Pastel e Sunset — e combine qualquer um deles com um dos 5 estilos de mostrador: Ring, Halo, Bar, Flip e LCD. Mude para modo tela cheia para transformar o mostrador em uma exibição de destaque, perfeita para projetores de sala de aula, estações de cozinha ou apenas apreciando a vista.

Quem Deve Usar Esta Ferramenta?

Atletas & Fitness

Acompanhe intervalos de treino, períodos de descanso e divisões de volta com estatísticas de melhor / média / total.

Treinadores & Instrutores

Grave tempos de divisão para análise de desempenho e rastreamento de progresso de atletas.

Estudantes

Cronometrize sessões de estudo, prática de exames e intervalos Pomodoro com facilidade.

Cozinheiros & Padeiros

Defina contagens regressivas com notificações do navegador para nunca perder o alarme.

Speedrunners & Gamers

Precisão de milissegundos com uma face tela cheia limpa para timing competitivo.

Apresentadores & Anfitriões

Um mostrador grande e legível que se lê claramente de longe.

Seus Dados Permanecem Privados

Tudo funciona inteiramente no seu navegador — sem contas, sem uploads, sem rastreamento.

Sem conexão com servidor — Todo o timing acontece localmente no seu dispositivo
Sem coleta de dados — Seus tempos de volta e configurações nunca são enviados
Funciona offline — Uma vez carregado, o cronômetro continua funcionando sem internet
Apenas armazenamento local — Seu tema, estilo de mostrador, modo, som e dados de voltas são salvos no seu navegador para a próxima vez

Table of Contents

1. O Que É Este Cronômetro?
2. Como Usar o Cronômetro
3. Recursos
4. Perguntas Frequentes

Como Usar o Cronômetro

Modo Cronômetro (Contagem Crescente)

O modo padrão conta a partir de zero — perfeito para cronometrar atividades e gravar divisões de volta:

Iniciar Cronometragem

Clique no botão Iniciar ou pressione Space para começar a contar a partir de zero.

Gravar Voltas

Enquanto está em execução, clique em Volta ou pressione L para gravar uma divisão. Cada volta mostra seu tempo de divisão, total cumulativo e um delta +/- em relação à volta anterior.

Pausar & Retomar

Clique no botão principal novamente ou pressione Space para pausar. Pressione novamente para retomar do mesmo ponto.

Resetar

Clique em Resetar ou pressione R para limpar o tempo e todas as voltas gravadas.

Estatísticas de Volta: Com três ou mais voltas gravadas, a mais rápida é destacada em verde e a mais lenta em vermelho. O rodapé de estatísticas mostra sua Melhor Volta, Volta Média e Tempo Total em um relance.

Modo Temporizador (Contagem Regressiva)

Mude para o modo Temporizador para timing regressivo com alertas avançados:

Alternar Modo

Clique na aba Temporizador no topo, ou pressione T enquanto parado.

Definir Duração

Digite nos campos de horas / minutos / segundos, ou clique em uma predefinição: 1m, 3m, 5m, 10m, 15m, 30m.

Iniciar Contagem Regressiva

Clique em Iniciar ou pressione Space para começar a contagem regressiva.

Receba Alertas

No zero, o alarme toca, o dispositivo vibra (celular) e uma notificação do navegador aparece se você a tiver ativado.

Dica de Treino Intervalado: Ative Reset Automático na barra lateral para fazer o temporizador reiniciar automaticamente — útil para treino intervalado ou ciclos repetidos.

Personalize a Aparência

Abra a barra lateral (ou o menu de gaveta no celular) para personalizar sua experiência:

Tema

8 paletas variando de suave (Sakura, Pastel) a vibrante (Aurora, Neon, Ocean) a nostálgica (Retro LCD).

Estilo de Mostrador

Ring (com marcas de escala), Halo (brilho suave), Bar (progresso linear), Flip (numerais de cartão flip vintage), LCD (tela digital retrô).

Estatísticas

Mostre ou oculte o rodapé de Melhor / Média / Total para manter a interface tão limpa quanto desejar.

Controles

Oculte os controles na tela se preferir usar apenas atalhos de teclado (apenas desktop).

Modo Tela Cheia

Clique no ícone de expansão no cabeçalho ou pressione F para colocar o mostrador em tela cheia. As barras laterais e abas se ocultam para que o mostrador domine a tela inteira — ideal para projetores, cozinhas ou qualquer caso de uso de longe.

Atalhos de Teclado

Tecla	Ação	Modo
`Space`	Iniciar ou pausar	Ambos
`L`	Gravar uma volta	Apenas cronômetro
`R`	Resetar	Ambos
`T`	Alternar entre Cronômetro e Temporizador	Apenas quando parado
`F`	Alternar tela cheia	Ambos

Nota: Os atalhos são automaticamente suprimidos quando você está digitando nos campos de entrada do temporizador, para que você possa digitar números sem acionar acidentalmente os controles.

Fique Atento em Segundo Plano

Título de aba ao vivo — A aba do navegador se atualiza a cada segundo com a hora atual, para que você possa monitorá-la de outra aba
Notificação do navegador — Quando o temporizador termina e esta aba está em segundo plano, uma notificação o avisa para voltar. Clique nela para refocalizar a aba
Vibração — Dispositivos móveis vibram quando o temporizador termina
Bloqueio de tela — Enquanto o cronômetro ou temporizador está em execução, a tela não vai escurecer ou dormir em dispositivos compatíveis

Recursos

Timing Preciso

O tempo é exibido no formato HH:MM:SS.ms com resolução de centissegundo (1/100 de segundo). O cronômetro usa a API performance.now() de alta resolução do navegador para atualizações visuais, com um fallback setTimeout que dispara o alarme de forma confiável mesmo quando a aba está em segundo plano e os quadros de animação estão pausados.

Gravação de Voltas com Estatísticas

O modo cronômetro suporta voltas ilimitadas. Cada entrada mostra o tempo de divisão e o total cumulativo, mais um delta +/- em relação à volta anterior. Com três ou mais voltas, a mais rápida é destacada em verde e a mais lenta em vermelho. Um rodapé de estatísticas exibe sua Melhor Volta, Volta Média e Tempo Total ao vivo conforme você grava.

8 Temas Bonitos

Escolha a paleta que combina com seu humor ou ambiente:

Aurora Padrão

Gradientes de esmeralda para roxo em uma tela de ardósia profunda.

Ocean

Brilho ciano sobre azul marinho profundo.

Neon

Magenta e ciano em quase preto.

Retro LCD

Exibição digital clássica verde sobre preto com linhas de varredura.

Classic

Tema claro nítido com acentos ciano.

Sakura

Minimalista branco com detalhes rosa suave.

Pastel

Gradiente lilás, rosa e menta.

Sunset

Tons quentes de âmbar, laranja e rosa.

Modo Escuro: Escolher um tema com tonalidade escura ativa automaticamente o modo escuro da página para que o chrome permaneça visualmente consistente.

5 Estilos de Mostrador

Independentemente do tema, escolha como o mostrador visualiza o progresso:

Ring Padrão

Um mostrador circular com marcas de escala para referência visual precisa.

Halo

Um anel brilhante suave sem marcas para uma aparência minimalista.

Bar

Barra de progresso linear com a pilha de tempo exibida abaixo.

Flip

Numerais de cartão flip vintage sem visualização de progresso.

LCD

Tela digital retrô com moldura e sobreposição de linha de varredura.

Temporizador Regressivo com Predefinições

Inicie rapidamente o temporizador com predefinições integradas — 1m, 3m, 5m, 10m, 15m, 30m — ou insira qualquer combinação personalizada de horas / minutos / segundos. Ative Reset Automático para fazer a contagem regressiva repetir para treino intervalado. A validação de tempo limita minutos e segundos a 59 e horas a 99.

Alertas Cientes do Segundo Plano

Você não vai perder o alarme — mesmo quando tiver mudado de aba ou aplicativo:

Alarme sonoro — Um tom pulsante toca através da Web Audio API
Notificação do navegador — Opcional, ativada por padrão. Aparece apenas quando a aba está em segundo plano; clique para refocalizar a página. A permissão é solicitada preguiçosamente no primeiro início para que os usuários não sejam solicitados no carregamento da página
Vibração — Dispositivos móveis vibram com um padrão reconhecível
Título de aba ao vivo — A aba do navegador se atualiza a cada segundo com a hora atual, para que a contagem regressiva permaneça visível de qualquer aba

Bloqueio de Tela

Enquanto um cronômetro ou temporizador está em execução, a tela é mantida acordada usando a Wake Lock API em navegadores compatíveis. O bloqueio é automaticamente readquirido quando você retorna à aba de outro aplicativo — útil para academia, cozinha e cenários de apresentação onde você não pode continuar tocando a tela.

Modo Tela Cheia

Um botão de tela cheia dedicado e o atalho F removem o chrome e centralizam o mostrador em uma tela cheia. Os temas pintam todo o fundo de tela cheia para que o resultado pareça um aplicativo nativo.

Interface Responsiva Mobile-First

Em telefones, a barra lateral esquerda se recolhe em uma gaveta deslizante (abra via ícone de hambúrguer; feche via X na área de marca ou tocando a sobreposição escurecida). O painel de voltas se empilha perfeitamente abaixo do mostrador, e as dicas de atalho desaparecem no celular — mantendo o layout limpo e amigável ao toque.

Auto-Salvamento de Preferências

Suas preferências são persistidas no armazenamento local do navegador para que tudo seja exatamente como você deixou:

Modo atual (Cronômetro ou Temporizador)
Tema e estilo de mostrador
Última duração de temporizador usada
Alternâncias de Som, Reset Automático e Notificação do navegador
Visibilidade de Estatísticas / Controles e estado recolhido do painel de voltas

Dados Apenas da Sessão: As entradas de volta e o relógio em execução são intencionalmente apenas da sessão para que os dados gravados sempre correspondam à sessão de timing atual.

Perguntas Frequentes

Qual é a precisão deste cronômetro?

O cronômetro usa o temporizador performance.now() de alta resolução do navegador para atualizações visuais, que é preciso até centissegundos (1/100 de segundo). Para timing de esportes, cozinha, sessões de estudo e casos de uso similares, isso está bem além do que é necessário.

O temporizador ainda vai disparar se eu mudar para outra aba?

Sim. Enquanto abas em segundo plano limitam requestAnimationFrame, o alarme é agendado com um backup setTimeout separado que dispara no momento certo independentemente do foco. Se você tiver ativado Notificação do navegador (ativada por padrão, na barra lateral do modo Temporizador), você também receberá uma notificação do sistema — clique nela para refocalizar esta aba.

Por que me pedem permissão de notificação?

As notificações do navegador são solicitadas apenas na primeira vez que você inicia um temporizador com a alternância Notificação do navegador ativada. Conceder permissão permite que o alarme o alcance quando esta aba não está em foco. Você pode desativar a alternância a qualquer momento e o resto do aplicativo continua funcionando normalmente.

Ele impede que minha tela durma?

Em navegadores compatíveis (a maioria das compilações Chromium / Safari de desktop e celular), o bloqueio de tela ativa sempre que o cronômetro ou temporizador está em execução e é automaticamente readquirido quando você retorna à aba. Navegadores mais antigos ignoram a solicitação e o temporizador ainda funciona normalmente — apenas certifique-se de que a tela permaneça ligada por outros meios.

Posso usar o cronômetro offline?

Sim. Uma vez que a página foi carregada, toda a lógica de timing funciona localmente. Nenhuma chamada de rede acontece durante o uso.

Minhas configurações são salvas quando fecho o navegador?

Sim. Tema, estilo de mostrador, modo, duração do temporizador, som, reset automático e preferências de notificação são persistidos no armazenamento local do seu navegador. As entradas de volta e o relógio em execução intencionalmente não são persistidas — restaurar voltas sem restaurar o estado do temporizador produziria divisões incompatíveis.

Qual é o tempo máximo que o cronômetro pode rastrear?

Até 99 horas, 59 minutos e 59 segundos. O mostrador visualmente faz um loop uma vez por minuto no modo cronômetro, mas o total decorrido continua aumentando.

Posso gravar voltas no modo Temporizador (contagem regressiva)?

Não — voltas se aplicam apenas ao timing de contagem crescente. O botão Volta e sua opção de barra lateral são ocultados automaticamente quando você muda para o modo Temporizador.

Por que o som do alarme não toca?

Navegadores modernos exigem uma interação prévia do usuário antes que o áudio seja reproduzido. Contanto que você tenha clicado em qualquer coisa na página (incluindo Iniciar), o alarme funcionará. Também verifique a alternância Som na barra lateral e o volume do seu dispositivo.

Posso usar atalhos de teclado enquanto digito na entrada do temporizador?

Não — os atalhos são suprimidos enquanto uma entrada de texto está em foco, para que você possa digitar "5" sem acidentalmente resetar o temporizador.

O que faz o Reset Automático?

Quando ativado (apenas modo Temporizador), a contagem regressiva reinicia automaticamente do início após atingir zero, sem mostrar o modal de conclusão. Ótimo para treino intervalado, trabalho de respiração ou ciclos repetidos.

Posso fazer o mostrador ficar maior?

Sim — pressione F ou clique no botão de tela cheia no cabeçalho. O mostrador se expande para preencher a tela, as barras laterais se ocultam e o tema pinta toda a tela. Pressione F ou Esc para sair da tela cheia.

Qual é a diferença entre temas e estilos de mostrador?

Temas mudam as cores (paleta, superfícies, acentos). Estilos de mostrador mudam a forma da visualização de progresso (ring, halo, barra linear, cartões flip ou tela LCD). Eles são totalmente independentes — combine qualquer um dos 8 temas com qualquer um dos 5 estilos.

Não vejo a barra lateral no meu telefone — onde estão as configurações?

Toque no ícone de menu (☰) no canto superior esquerdo do cabeçalho para abrir a gaveta da barra lateral. Toque no X na área de marca, ou em qualquer lugar na área escurecida fora da gaveta, para fechá-la.

Por que a alternância "Controles" está faltando no meu telefone?

Dispositivos móveis não têm atalhos de teclado, então ocultar os controles na tela deixaria você sem forma de operar o aplicativo. A alternância Controles é, portanto, apenas para desktop.