¿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.

Elysia Tools

Navegación

Generator

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.

Detalles

Qué te ayuda a hacer esta herramienta

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 <div> 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 <div> o usa el render Markdown. Todo es inline, así sobrevive a clientes que eliminan <style>.

Ejecución

Ejecutar esta herramienta

Completa el formulario, ejecuta la herramienta y revisa el resultado en un solo lugar.

Ejecuciones de ejemplo preparadas

Haz clic en un ejemplo para completar el formulario automáticamente. Los archivos aún deben subirse.

2 ejemplos

Cuenta atrás de Año Nuevo, UTC

Cuenta atrás única hacia Año Nuevo 2027 en UTC, degradado violeta, etiquetas en inglés, con segundos.

{
  "type": "html"
}

Livestream semanal en Tokio

Cuenta regresiva semanal recurrente para un livestream a las 20:00 Asia/Tokio, degradado atardecer, etiquetas en inglés.

{
  "type": "html"
}

Entradas

Completa los campos necesarios y ejecuta la herramienta.

8 opciones

ContenidoPega o escribe los valores principales.4

Fecha y hora objetivotextObligatorioZona horariatextOpcionalTítulo / etiquetatextOpcionalMensaje al expirartextOpcional

AjustesAjusta formatos, rangos, números y modos.3

TemaselectOpcionalModoselectOpcionalIdiomaselectOpcional

InterruptoresActiva o desactiva comportamientos opcionales.1

Mostrar segundoscheckboxOpcionalActivado si está marcado

Resultado

Listo para ejecutar

Al ejecutar la herramienta, aquí verás archivos, texto, datos estructurados o salida en streaming.

Ejemplos

Ejemplos que encajan con esta herramienta

Relacionado

Generador de banner de cuenta atrás

Qué te ayuda a hacer esta herramienta

Ejecutar esta herramienta

Ejecuciones de ejemplo preparadas

Entradas

Resultado

Ejemplos que encajan con esta herramienta

Continuar con herramientas y temas relacionados

Ejecuciones de ejemplo preparadas

Entradas

Resultado

Conoce cuándo usar esta herramienta, qué admite y cómo la aplican los usuarios.

Datos clave

Resumen

Cuándo usarlo

Cómo funciona

Casos de uso

Ejemplos

1. Cuenta atrás para lanzamiento de producto

2. Temporizador para transmisión en vivo semanal

Preguntas frecuentes

Ejemplos de Procesamiento de Imágenes Web Python

Ejemplos de Procesamiento de Imágenes Android Java

Ejemplos de Procesamiento de Imágenes Android Kotlin

Ejemplos de Procesamiento de Imágenes Web Rust

Constructor de firmas de correo HTML

Extractor de imagenes y captions PDF

Generador de heatmap de accesibilidad

Generador de Documentacion API

Herramientas de extracción, limpieza y exportación HTML a Markdown/PDF

Herramientas de auditoria de accesibilidad web y color accesible

Herramientas de codificacion y conversion de audio

Herramientas de conversion de formatos de imagen y exportacion animada