Duas formas de usar
Tela cheia transforma o navegador num painel: dígitos grandes, sua cor de fundo, sem interface. Foi feito para os casos em que a contagem é o objetivo da tela — um cronômetro de workshop projetado na parede, um painel de recepção antes de as portas abrirem, um overlay de live, um exercício em sala de aula. Esc fecha.
O embed serve para colocar a mesma contagem dentro de uma página sua: página de lançamento, site de evento, prazo de promoção. Copie o trecho, cole onde o contador deve aparecer, pronto.
Por que o embed é autocontido
A maioria dos widgets de contagem entrega um <script src="…"> apontando
para o CDN do fornecedor. Isso é conveniente e é uma dependência: se o fornecedor cair,
mudar o preço, ou for bloqueado por um ad blocker ou por uma Content Security Policy, sua
contagem desaparece silenciosamente da sua própria página.
O trecho aqui não tem nenhuma referência externa. Ele carrega o próprio HTML, o próprio CSS com escopo por um ID aleatório para não colidir com a sua folha de estilo, e o próprio script inline. Cole uma vez e ele é seu — dá para ler cada linha, editar, e ele vai continuar rodando daqui a anos independentemente do que acontecer com este site.
Fuso horário, resolvido direito
É aqui que widgets de contagem costumam errar. Você escolhe uma data no seu horário local, mas os visitantes estão em outro lugar. Se o alvo for gravado como uma string de data local sem fuso, um visitante em outro fuso conta até um momento diferente do que você pretendia — muitas vezes com horas de diferença.
O trecho gerado converte a data escolhida para um timestamp UTC no momento da geração. Todo mundo, em qualquer lugar, conta até o mesmo instante absoluto. Se o que você quer é de fato um prazo local por visitante — "a oferta acaba à meia-noite, onde você estiver" — use o modo de duração, que começa no instante em que cada visitante carrega a página.
Notas de design
- Numerais tabulares. Os dígitos usam largura fixa, então o layout não treme conforme os números mudam. Sem isso, uma contagem regressiva se mexe visivelmente a cada segundo.
- Cor de destaque só nos dígitos. Manter os rótulos apagados e os dígitos destacados é o que torna os números legíveis à distância.
- Esconda os dias em contadores curtos. Um cronômetro de dez minutos mostrando "0 dias" desperdiça o espaço mais valioso da tela.
- Fundo escuro com dígitos claros projeta melhor que o contrário numa sala iluminada, e por isso é o padrão.
Privacidade
Tudo roda no seu navegador. Nada do que você configura é enviado, e o embed que você copia não reporta nada para nós — não temos como saber onde ele foi instalado nem quantas pessoas o veem.
Perguntas frequentes
O código de incorporação depende do seu site ficar no ar?
Não. O trecho é totalmente autocontido — uma div, um bloco de estilo e um script inline. Ele não carrega nada de nós, então continua funcionando mesmo se este site sumir. A única referência a nós é o pequeno crédito 'Feito com', que é um link comum.
O embed funciona no WordPress, Webflow ou Squarespace?
Sim, em qualquer bloco que aceite HTML puro — bloco HTML Personalizado no WordPress, elemento Embed no Webflow, bloco de Código no Squarespace. Como não há arquivo externo, ele também funciona em sites com Content Security Policy restritiva que bloqueia scripts de terceiros, desde que scripts inline sejam permitidos.
Qual fuso horário a contagem usa?
A data que você escolhe é interpretada no seu próprio fuso e depois gravada no embed como um timestamp UTC. Ou seja, todo visitante do mundo conta até o mesmo instante, e não até o relógio local dele. Para lançamento de produto ou evento ao vivo, é isso que se quer.
O que acontece quando chega a zero?
Ele mostra o texto de fim que você definiu e para o intervalo. Não fica negativo nem começa a contar para cima. Se você precisa de uma ação específica no zero — redirecionar, revelar conteúdo — dá para editar o trecho: o ramo que renderiza o texto final é onde adicionar.
Dá para projetar a contagem numa tela?
Dá. 'Abrir em tela cheia' preenche o monitor com dígitos grandes sobre o fundo escolhido, pensado para projetor, painel de recepção ou overlay de transmissão. Esc sai.