Temporizador de contagem regressiva

Por que a contagem regressiva é exata e o alarme ainda assim pode não ser

Há duas maneiras de construir uma contagem regressiva. A ingênua parte de um número e subtrai um segundo cada vez que um temporizador dispara. Ela vai atrasando, porque os temporizadores do navegador não garantem nada: com a máquina sobrecarregada, ou com uma aba ocupada, setInterval dispara atrasado, e cada disparo atrasado é tempo perdido que nunca volta.

Este temporizador faz o contrário. Ele guarda a hora exata em que você vai chegar a zero e, várias vezes por segundo, pergunta ao relógio quanto falta. Por isso o que você vê nunca erra por mais de uma fração de segundo, por pior que o navegador esteja se comportando.

O que isso não resolve é a hora em que o alarme toca. Os navegadores desaceleram de propósito os temporizadores das abas que você não está olhando, normalmente para uma vez por segundo, e o Chrome pode reduzir muito mais, para algo em torno de uma vez por minuto, depois que uma aba fica escondida por vários minutos. O tempo restante continua correto porque é recalculado a partir do relógio, mas o momento em que a ferramenta percebe o zero pode chegar atrasado. Se o seu notebook entrou em suspensão, o temporizador percebe assim que ele acorda, o que pode ser horas depois.

A regra prática: para qualquer coisa de menos de alguns minutos, deixe a aba visível. Para uma contagem regressiva longa, use-a para acompanhar o número, não para ser interrompido por ele.

Nada é salvo

Não há conta, não há armazenamento e não se pede permissão de notificação. Feche a aba ou recarregue a página e o temporizador some: as configurações não voltam. É o preço deliberado de uma ferramenta que roda inteiramente no seu dispositivo, mas isso faz dela a escolha errada para um temporizador que precisa sobreviver ao reinício do navegador.

Também significa que só roda um temporizador por vez. Se você precisa de três temporizadores em paralelo, abra três abas, e espere que as escondidas sejam as mais desaceleradas.

O som

O alarme são três tons curtos gerados pela Web Audio API, não um arquivo de áudio, então nada é baixado e a página continua leve. Os navegadores bloqueiam o som que o visitante não pediu, por isso o áudio é liberado pelo clique que inicia o temporizador. É também por isso que o alarme pode ficar mudo se você marcar a caixa de som depois de ter começado.

Duas coisas o silenciam de qualquer jeito: uma aba silenciada pelo próprio menu de abas do navegador e, num iPhone, a chave física de silencioso. Nenhuma das duas é algo que uma página web consiga detectar ou contornar.

Contagem regressiva até uma data

O modo de data lê a data e a hora no fuso do seu próprio dispositivo e conta até aquele instante. Uma contagem regressiva para "1 de janeiro às 00:00" é, portanto, uma contagem até a meia-noite onde você está, não a meia-noite de Nova York ou de Sydney. Se precisar de outro fuso, converta a hora antes e digite o resultado: aqui não há seletor de fuso horário.

O horário de verão é tratado corretamente, e vale saber o que "corretamente" significa. A contagem regressiva mede o tempo real que falta até aquele instante, então até um alvo que está a três dias e atravessa o adiantamento do relógio faltam 71 horas, não 72. O relógio da sua parede pulou uma hora, e a contagem regressiva também.

O que isto não é

Ele não conta para cima, então não é um cronômetro. Não se repete, então não serve para marcar intervalos de treino. Não há como dar nome a um temporizador, não há histórico e não há como ser avisado depois que você fechou a página. Tudo isso precisa de persistência ou de permissão de notificação, e no momento em que uma ferramenta precisa disso, ela deixa de ser algo que funciona com a aba fechada e com os seus dados intocados.

Última atualização 19 de setembro de 2026