Countdown Timer

Cronômetro de Contagem Regressiva

Faça contagem regressiva para qualquer data e hora futura. URL compartilhável, iframe incorporável, exibição ao vivo em dígitos grandes. Perfeito para Ano Novo, casamentos, lançamentos de produtos, overlays de livestream.

Cronômetro de Contagem Regressiva — TL;DR

Faça contagem regressiva para qualquer data e hora futura. URL compartilhável, iframe incorporável, exibição ao vivo em dígitos grandes. Perfeito para Ano Novo, casamentos, lançamentos de produtos, overlays de livestream.

Pomodoro e cronômetros medem tempo relativo — "25 minutos a partir de agora" ou "há quanto tempo isso está rodando". Este Cronômetro de Contagem Regressiva mede tempo absoluto — "quanto tempo falta até esta data e hora específica". O alvo permanece fixo: atualize a página, volte amanhã, a contagem regressiva continua apontando para o mesmo momento. Use isto para eventos; use o Stopwatch & Timer para tarefas.

Sim. Clique em Copiar link de compartilhamento e cole em qualquer lugar — Slack, e-mail, um tuíte, um post de blog. A URL contém todo o estado (horário alvo + título opcional), então quando o destinatário a abre, ele vê a mesma contagem regressiva para o mesmo momento, em qualquer dispositivo, sem precisar de conta.

Títulos de eventos, datas e links compartilhados nunca saem do seu dispositivo. Abra DevTools → Network e você verá zero requisições de saída durante o uso.

Dias
:
Horas
:
Minutos
:
Segundos

Predefinições rápidas

Mais do que apenas dígitos

Feito para eventos, livestreams, salas de aula e momentos pessoais — não só para cronometrar uma pausa para o café.

Contagem regressiva para qualquer momento

Escolha qualquer data e hora futura, opcionalmente adicione um título. A exibição é atualizada a cada segundo; dias / horas / minutos / segundos sempre somam exatamente quanto tempo falta.

Deep-link de URL compartilhável

Clique em Copiar link de compartilhamento para obter uma URL como ?to=2027-01-01T00:00&title=Ano%20Novo. Quem abrir o link verá a mesma contagem regressiva para o mesmo momento — sem instalação, sem conta.

iframe incorporável

Acrescente &embed=1 à URL de compartilhamento e a página remove seus elementos visuais — perfeito para incorporar em um overlay de livestream (OBS, Streamlabs), em um post de blog, em um site de casamento ou em uma landing page de evento. <iframe src="…?to=…&embed=1">.

Predefinições de eventos

Predefinições com um clique para Ano Novo, Natal e "em 7 / 30 / 100 dias". Além disso, os últimos 10 eventos personalizados que você usou ficam salvos localmente para acesso com um clique.

Alarme + flash na página ao zerar

Quando a contagem regressiva chega a zero, a página toca um sino via Web Audio API e faz o título do documento e o favicon piscarem — para que os usuários percebam de outra aba do navegador.

Privacidade por design

Cada tique roda em JavaScript no seu dispositivo. Nenhum título de evento, nenhuma data, nenhuma atividade da área de transferência é transmitida. Abra DevTools → Network e verifique zero requisições de saída.

Como usar a contagem regressiva

Três passos para uma contagem regressiva compartilhável e incorporável.

  1. 1

    Escolha o momento alvo

    Clique no seletor de data+hora e escolha qualquer momento futuro, ou toque em uma predefinição (Ano Novo, Natal, +7 / +30 / +100 dias). Opcionalmente digite um título de evento — "Dia do Casamento", "Lançamento do Produto", "Prova Final" — e ele aparece acima dos dígitos.

  2. 2

    Copie o link de compartilhamento

    Clique em Copiar link de compartilhamento e cole em qualquer lugar. A URL codifica todo o estado da contagem regressiva — amigos, família, clientes, público veem todos a mesma contagem regressiva para o mesmo momento ao clicar.

  3. 3

    Incorpore se quiser

    Para livestreams, blogs, sites de casamento ou landing pages de eventos, adicione &embed=1 à URL de compartilhamento e coloque em um <iframe>. O modo embed remove a barra de navegação, o rodapé e a configuração — deixando apenas os dígitos.

  4. 4

    long.how.step4.title

    long.how.step4.body

Feito para eventos grandes e pequenos

Quatro cenários comuns em que uma contagem regressiva compartilhável e incorporável supera um lembrete na tela de bloqueio.

Lançamento de produto / contagem regressiva de promoção

Incorpore uma contagem regressiva na sua landing page para que os visitantes vejam imediatamente quando o lançamento acontece ou quando uma promoção relâmpago termina. O deep-link de URL também funciona para e-mails de marketing — os destinatários clicam e veem a mesma contagem regressiva ao vivo sem sair da experiência da marca.

Casamentos, aniversários, marcos

Defina a data, dê um título, compartilhe o link no grupo da família. Quem abrir o link vê a contagem regressiva ao vivo — perfeito para embeds em sites de casamento, e-mails de save-the-date ou apenas como um lembrete que fica tiquetaqueando no chat.

Cronometragem de segmentos de livestream

Use a URL com &embed=1 como fonte de navegador no OBS / Streamlabs para mostrar uma contagem regressiva até o início do stream, fim de AMA, encerramento de sorteio ou de leilão — visível para os espectadores como parte da própria transmissão.

Prova / prazo / revisão de projeto

Fixe uma contagem regressiva na barra de favoritos e os segundos correm toda vez que você abrir uma nova aba. O título do documento também mostra o tempo restante, então fica visível sempre que você passa os olhos na lista de abas — motivação suave, mas constante.

100% privado — roda no seu navegador

Títulos de eventos, datas e links compartilhados nunca saem do seu dispositivo. Abra DevTools → Network e você verá zero requisições de saída durante o uso.

  • Todos os tiques da contagem regressiva, sons de alarme (Web Audio API) e gravações na área de transferência acontecem como JavaScript na sua máquina — visível no código-fonte da página.
  • Os eventos salvos vivem apenas em localStorage; nunca os sincronizamos com um servidor.
  • Sem login, sem telemetria sobre títulos de eventos, sem serviço de contagem regressiva de terceiros. Usamos apenas um cookie para o estado de consentimento de cookies e um para a preferência de idioma.

Guias relacionados

Leituras selecionadas sobre contagens regressivas, embeds de livestream e marketing de eventos.

Perguntas frequentes

Em que isso difere de um timer Pomodoro ou de um cronômetro?

Pomodoro e cronômetros medem tempo relativo — "25 minutos a partir de agora" ou "há quanto tempo isso está rodando". Este Cronômetro de Contagem Regressiva mede tempo absoluto — "quanto tempo falta até esta data e hora específica". O alvo permanece fixo: atualize a página, volte amanhã, a contagem regressiva continua apontando para o mesmo momento. Use isto para eventos; use o Stopwatch & Timer para tarefas.

Posso compartilhar uma contagem regressiva com outra pessoa?

Sim. Clique em Copiar link de compartilhamento e cole em qualquer lugar — Slack, e-mail, um tuíte, um post de blog. A URL contém todo o estado (horário alvo + título opcional), então quando o destinatário a abre, ele vê a mesma contagem regressiva para o mesmo momento, em qualquer dispositivo, sem precisar de conta.

Posso incorporar isto no meu site ou livestream?

Sim. Adicione &embed=1 à URL de compartilhamento e coloque o resultado em um <iframe>. O modo embed oculta a barra de navegação, o rodapé, o painel de configuração e os anúncios — deixando apenas a exibição em dígitos grandes sobre fundo transparente. Funciona em fontes de navegador do OBS / Streamlabs, embeds do WordPress / Squarespace, Notion e qualquer site compatível com os padrões.

A contagem regressiva é precisa ao longo de horas e dias?

Sim. Comparamos o Date.now ao vivo com um milissegundo alvo absoluto — então mesmo que seu laptop durma por horas e volte, ou que você troque de aba e o navegador limite o JavaScript, o tempo exibido é recalculado a partir do alvo absoluto a cada tique. Não há desvio acumulado.

Algo é enviado para o seu servidor?

Não. O horário alvo, o título do evento, a geração do link de compartilhamento e a reprodução do alarme rodam todos como JavaScript no seu navegador. Os últimos 10 eventos que você usou são salvos em localStorage no seu dispositivo. Abra DevTools → Network e você verá zero requisições de saída durante o uso.