# Gerador de banner de contagem regressiva Gera um banner de contagem regressiva em tempo real (HTML+JS, sem dependências) para incorporar em qualquer página. Temas, textos localizados, modo único ou semanal recorrente, muda para "encerrado". > Página canônica: https://elysiatools.com/pt/tools/live-countdown-banner-generator - **Categoria:** Generator - **Palavras-chave:** contagem regressiva, banner, temporizador, lançamento, evento ## Visão geral Um banner de contagem regressiva autônomo e sem dependências, para colar em qualquer página HTML, Markdown ou site estático. \*\*Como.\*\* Você dá um instante alvo (data + hora + fuso). O gerador produz um bloco \` \` com CSS inline e um pequeno timer em JS puro que recalcula dias/horas/minutos/segundos a cada segundo. Sem iframe, sem requisições externas, sem build. \*\*Modos.\*\* - \*\*Único\*\* — conta até o alvo, congela em zero e troca o rótulo pela mensagem de encerrado. - \*\*Recorrente (semanal)\*\* — após o alvo, avança em saltos de 7 dias até a próxima ocorrência futura. Ideal para lives semanais. \*\*Temas.\*\* Cinco estilos integrados (roxo, pôr do sol, azul sólido, claro minimalista, escuro). \*\*Localização.\*\* Os rótulos (Dias/Horas/Minutos/Segundos/Encerrado) saem no idioma escolhido, já no snippet. ## Entradas - **Data e hora alvo** (text): e.g. 2026-12-31T23:59 - **Fuso horário** (text): e.g. America/New_York (default: UTC) - **Título / rótulo** (text): e.g. Product launch in - **Mensagem expirada** (text): e.g. The event has started! - **Tema** (select) - **Modo** (select) - **Idioma** (select) - **Mostrar segundos** (checkbox) ## Quando usar - Ao preparar o lançamento de um produto ou serviço e precisar de um cronômetro visual na landing page. - Para promover transmissões ao vivo ou webinars recorrentes que acontecem semanalmente no mesmo horário. - Quando você precisa de um temporizador leve que funcione em sites estáticos ou Markdown sem carregar scripts externos pesados. ## Como funciona - Defina a data, hora alvo e o fuso horário do seu evento ou prazo final. - Personalize o visual escolhendo um dos cinco temas integrados, o idioma dos rótulos e o modo de repetição (único ou semanal). - Copie o código HTML gerado, que já inclui a estrutura, estilos CSS inline e o script de atualização em tempo real. - Cole o código diretamente no editor do seu site ou plataforma para exibir o banner ativo imediatamente. ## Casos de uso - Criação de banners de urgência para campanhas de vendas com tempo limitado (Black Friday, ofertas relâmpago). - Configuração de cronômetros para lives semanais recorrentes em canais de conteúdo ou reuniões de equipe. - Incorporação de contagem regressiva para eventos de grande porte, como conferências ou virada de ano. ## Perguntas frequentes ### O banner precisa de alguma biblioteca externa como jQuery ou React? Não, o código gerado usa apenas HTML estrutural, CSS inline e JavaScript puro (vanilla JS) sem dependências. ### Como funciona o modo recorrente semanal? Após atingir a data alvo, o temporizador avança automaticamente em intervalos de 7 dias para a próxima ocorrência. ### Posso ocultar os segundos da contagem regressiva? Sim, basta desmarcar a opção de exibir segundos nas configurações antes de gerar o código. ### O que acontece quando o tempo da contagem regressiva acaba? No modo único, o cronômetro congela em zero e exibe a mensagem personalizada de encerramento configurada por você. ### O banner funciona em e-mails marketing? O HTML e CSS inline funcionam, mas a maioria dos clientes de e-mail bloqueia JavaScript. Ele é ideal para páginas web e webviews. ## Ferramentas relacionadas - [Gerador de assinatura de e-mail HTML](https://elysiatools.com/pt/tools/email-signature-html-builder): Gera uma assinatura de e-mail HTML limpa e pronta para copiar-colar que renderiza corretamente no Gmail, Outlook e Apple Mail — com avatar/logo, ícones sociais (auto-detectados dos seus links), cor de destaque, tema claro/escuro/auto e um layout em tabela seguro para e-mail com estilos inline. Copie o HTML e cole no seu cliente de e-mail. - [Extrator de imagens e captions PDF](https://elysiatools.com/pt/tools/pdf-image-caption-extractor): Extrai imagens PDF, relaciona captions proximas e gera um indice HTML navegavel - [Gerador de sprite sheet SVG](https://elysiatools.com/pt/tools/svg-sprite-generator): Envie até 30 ícones SVG e mescle-os em um único sprite sheet: modo para embutido, modo para fragmentos de arquivo externo. Normaliza o viewBox (derivado de width/height), deduplica ícones, opcionalmente remove fill/stroke para currentColor, sempre limpa e atributos on\*, e gera snippets HTML / React / Vue / CSS com pré-visualização ao vivo de cada ícone. - [Gerador de heatmap de acessibilidade](https://elysiatools.com/pt/tools/accessibility-heatmap-generator): Gera um heatmap de acessibilidade focado em contraste a partir de captura ou HTML e sugere cores de ajuste - [Gerador de Documentacao API](https://elysiatools.com/pt/tools/api-doc-generator): Gera documentacao API elegante a partir de OpenAPI ou comentarios anotados - [Gerador de Data URI](https://elysiatools.com/pt/tools/data-uri-generator): Converte arquivos em Data URIs (Base64 ou porcentagem-codificada) para incorporar imagens, fontes e recursos diretamente em HTML, CSS ou Markdown - [Gerador de Faturas PDF](https://elysiatools.com/pt/tools/pdf-invoice-generator): Gera uma fatura PDF com marca a partir de itens estruturados - [Conversor de fórmulas AsciiMath / LaTeX / MathML](https://elysiatools.com/pt/tools/asciimath-latex-mathml-equation-converter): Converte fórmulas entre AsciiMath, LaTeX e MathML: detecta o formato de entrada e produz LaTeX canônico, MathML de apresentação anotado, retrotradução aproximada para AsciiMath, snippet aria-label para leitores de tela e uma prévia KaTeX. ## Exemplos - [Exemplos de Processamento de Imagem Web Python](https://elysiatools.com/pt/samples/web-image-processing-python): Exemplos de processamento de imagem Web Python usando PIL/Pillow incluindo leitura, salvamento, redimensionamento e conversão de formato - [Exemplos de Processamento de Imagem Android Java](https://elysiatools.com/pt/samples/android-image-processing-java): Exemplos de processamento de imagem Android Java incluindo leitura/escrita, dimensionamento e conversão de formato - [Exemplos de Processamento de Imagem Android Kotlin](https://elysiatools.com/pt/samples/android-image-processing-kotlin): Exemplos de processamento de imagem Android Kotlin incluindo leitura/escrita, dimensionamento e conversão de formato - [Exemplos de Processamento de Imagem Web Rust](https://elysiatools.com/pt/samples/web-image-processing-rust): Exemplos de processamento de imagem Web Rust incluindo leitura/gravação, redimensionamento e conversão de formato