Temporizador de contagem regressiva grátis

Como funciona

O temporizador de contagem regressiva funciona inteiramente no seu navegador sem dependências externas — sem bibliotecas, sem chamadas a servidor. Usa um setInterval de 1 segundo que calcula a diferença entre Date.now() e o timestamp alvo armazenado a cada tique, para que o mostrador permaneça preciso mesmo que a aba esteja em segundo plano ou o relógio do dispositivo desvie.

1. 1
   Defina um alvo

   Escolha o modo de duração (horas, minutos, segundos) ou mude para o modo data/hora para uma contagem decrescente até um momento específico. Cinco botões de predefinição rápida (5 min a 24 horas) saltam as entradas inteiramente e iniciam o temporizador imediatamente.
2. 2
   Os tiques do intervalo são medidos contra um alvo fixo

   Quando iniciado, a ferramenta armazena o alvo absoluto como um objeto Date e dispara setInterval a cada 1000 ms. Cada tique chama Date.now() e subtrai do alvo — para que tiques perdidos (aba adormecida, CPU ocupada) se autocorrijam no próximo tique em vez de acumular atraso.
3. 3
   Mostrador adaptativo e reflexo na aba

   O mostrador descarta automaticamente unidades com zeros iniciais — um temporizador de 45 segundos mostra apenas segundos em tipo grande, enquanto um temporizador de vários dias mostra todas as quatro unidades num tamanho menor. O tempo restante também é escrito em document.title para que a contagem regressiva permaneça legível numa aba minimizada ou em segundo plano.
4. 4
   Sinal sonoro Web Audio no fim

   Quando a contagem regressiva chega a zero, a Web Audio API integrada do navegador (AudioContext + OscillatorNode) sintetiza um sinal sonoro de onda sinusoidal de 880 Hz com triplo pulso — nenhum arquivo de áudio é baixado. Pausar, retomar, e URLs compartilháveis (codificando o epoch alvo no fragmento #to=, que nunca chega a um servidor) também são tratados inteiramente do lado do cliente.

Ferramentas relacionadas