# Generador de banner de cuenta atrás Genera un banner de cuenta atrás en tiempo real (HTML+JS, sin dependencias) para incrustar en cualquier página. Soporta temas, textos localizados, modo único o recurrente semanal, y cambia a "finalizado" al expirar. > Página canónica: https://elysiatools.com/es/tools/live-countdown-banner-generator - **Categoría:** Generator - **Palabras clave:** cuenta atrás, banner de cuenta atrás, temporizador, lanzamiento, evento, contador ## Descripción general Un banner de cuenta atrás autónomo y sin dependencias, que puedes pegar en cualquier página HTML, Markdown apto para email o sitio estático. \*\*Cómo funciona.\*\* Das un instante objetivo (fecha + hora + zona). El generador produce un bloque \` \` con CSS inline y un pequeño timer en JS puro que recalcula días/horas/minutos/segundos cada segundo. Sin iframes, sin peticiones externas, sin build. \*\*Modos.\*\* - \*\*Una vez\*\* — cuenta atrás hasta el objetivo, se detiene en cero y cambia la etiqueta al mensaje de expirado. - \*\*Recurrente (semanal)\*\* — tras pasar el objetivo, avanza en incrementos de 7 días hasta la próxima ocurrencia futura. Ideal para livestreams semanales o ventas. \*\*Temas.\*\* Cinco estilos integrados (degradado violeta, atardecer, azul sólido, claro minimalista, oscuro). \*\*Localización.\*\* Las etiquetas (Días/Horas/Minutos/Segundos/Finalizado) se emiten en el idioma elegido, integradas en el snippet. \*\*Inserción.\*\* Copia el HTML en un \` \` o usa el render Markdown. Todo es inline, así sobrevive a clientes que eliminan \`\`. ## Entradas - **Fecha y hora objetivo** (text): e.g. 2026-12-31T23:59 - **Zona horaria** (text): e.g. America/New_York (default: UTC) - **Título / etiqueta** (text): e.g. Product launch in - **Mensaje al expirar** (text): e.g. The event has started! - **Tema** (select) - **Modo** (select) - **Idioma** (select) - **Mostrar segundos** (checkbox) ## Cuándo usarlo - Cuando necesite mostrar un temporizador de cuenta atrás dinámico en un sitio web estático sin depender de scripts externos pesados o iframes. - Al programar eventos recurrentes semanales, como transmisiones en vivo o seminarios web, que requieren que el contador se reinicie automáticamente. - Para campañas de marketing de urgencia o lanzamientos de productos donde se necesita mostrar un mensaje personalizado inmediatamente después de expirar el tiempo. ## Cómo funciona - Defina la fecha, hora objetivo y la zona horaria correspondiente para el vencimiento del temporizador. - Personalice el diseño seleccionando uno de los temas visuales integrados, el idioma de las etiquetas y si desea mostrar los segundos. - Configure el comportamiento del banner eligiendo entre una cuenta atrás única o un ciclo recurrente semanal, además del mensaje que aparecerá al finalizar. - Copie el código HTML generado con CSS inline y JavaScript puro e insértelo directamente en el código de su página web. ## Casos de uso - Creación de banners de urgencia para ofertas de comercio electrónico con límite de tiempo. - Temporizadores para páginas de registro de seminarios web y eventos en vivo recurrentes. - Anuncios de lanzamientos de productos o aperturas de plataformas con cuenta atrás exacta por zona horaria. ## Preguntas frecuentes ### ¿Requiere este banner alguna librería externa como jQuery? No, el banner generado utiliza HTML, CSS inline y JavaScript nativo (vanilla JS) sin dependencias externas. ### ¿Cómo funciona el modo recurrente semanal? Una vez alcanzada la fecha objetivo, el temporizador avanza automáticamente en intervalos de 7 días para apuntar a la siguiente ocurrencia semanal. ### ¿Se puede usar el banner en correos electrónicos? El código HTML y CSS inline es compatible, pero la mayoría de los clientes de correo bloquean JavaScript, por lo que el temporizador dinámico solo funcionará en navegadores web o webviews. ### ¿Qué sucede cuando la cuenta atrás llega a cero? El temporizador se detiene y el texto del contador se reemplaza automáticamente por el mensaje de expiración configurado. ### ¿Cómo se manejan las diferentes zonas horarias? Puede especificar cualquier zona horaria estándar (como America/New_York o UTC) para asegurar que la cuenta atrás expire al mismo tiempo para todos los usuarios globalmente. ## Herramientas relacionadas - [Constructor de firmas de correo HTML](https://elysiatools.com/es/tools/email-signature-html-builder): Genera una firma de correo HTML limpia y lista para copiar-pegar que se ve correctamente en Gmail, Outlook y Apple Mail — con avatar/logo, iconos sociales (auto-detectados desde tus enlaces), color de acento, tema claro/oscuro/auto, y un diseño basado en tablas con estilos en línea seguro para correo. Copia el HTML y pégalo en tu cliente. - [Extractor de imagenes y captions PDF](https://elysiatools.com/es/tools/pdf-image-caption-extractor): Extrae imagenes PDF, empareja captions cercanos y genera un indice HTML navegable - [Generador de sprite sheet SVG](https://elysiatools.com/es/tools/svg-sprite-generator): Sube hasta 30 iconos SVG y combínalos en un solo sprite sheet: modo para en línea, modo para fragmentos de archivo externo. Normaliza el viewBox (derivado de width/height), deduplica iconos, opcionalmente elimina fill/stroke para currentColor, siempre limpia y atributos on\*, y genera fragmentos de uso para HTML / React / Vue / CSS con vista previa en vivo de cada icono. - [Generador de heatmap de accesibilidad](https://elysiatools.com/es/tools/accessibility-heatmap-generator): Genera un heatmap de accesibilidad enfocado en contraste desde una captura o HTML y sugiere colores de parche - [Generador de Documentacion API](https://elysiatools.com/es/tools/api-doc-generator): Genera documentacion API elegante desde OpenAPI o comentarios anotados - [Generador de Data URI](https://elysiatools.com/es/tools/data-uri-generator): Convierte archivos en Data URIs (Base64 o porcentaje-codificado) para incrustar imágenes, fuentes y recursos directamente en HTML, CSS o Markdown - [Generador de Facturas PDF](https://elysiatools.com/es/tools/pdf-invoice-generator): Genera una factura PDF con marca desde partidas estructuradas - [Conversor de fórmulas AsciiMath / LaTeX / MathML](https://elysiatools.com/es/tools/asciimath-latex-mathml-equation-converter): Convierte fórmulas entre AsciiMath, LaTeX y MathML: detecta el formato de entrada y produce LaTeX canónico, MathML de presentación con anotación semántica, retro-traducción aproximada a AsciiMath, fragmento aria-label para lectores de pantalla y una vista previa KaTeX. ## Ejemplos - [Ejemplos de Procesamiento de Imágenes Web Python](https://elysiatools.com/es/samples/web-image-processing-python): Ejemplos de procesamiento de imágenes Web Python usando PIL/Pillow incluyendo lectura, guardado, redimensionamiento y conversión de formato - [Ejemplos de Procesamiento de Imágenes Android Java](https://elysiatools.com/es/samples/android-image-processing-java): Ejemplos de procesamiento de imágenes Android Java incluyendo lectura/escritura, escalado y conversión de formato - [Ejemplos de Procesamiento de Imágenes Android Kotlin](https://elysiatools.com/es/samples/android-image-processing-kotlin): Ejemplos de procesamiento de imágenes Android Kotlin incluyendo lectura/escritura, escalado y conversión de formato - [Ejemplos de Procesamiento de Imágenes Web Rust](https://elysiatools.com/es/samples/web-image-processing-rust): Ejemplos de procesamiento de imágenes Web Rust incluyendo lectura/escritura, escalado y conversión de formato