Countdown Timer

Temporizador de cuenta atrás

Cuenta atrás hasta cualquier fecha y hora futura. URL compartible, iframe integrable, pantalla en vivo con dígitos grandes. Perfecto para Año Nuevo, bodas, lanzamientos de productos y overlays de directo.

Temporizador de cuenta atrás — TL;DR

Cuenta atrás hasta cualquier fecha y hora futura. URL compartible, iframe integrable, pantalla en vivo con dígitos grandes. Perfecto para Año Nuevo, bodas, lanzamientos de productos y overlays de directo.

Los Pomodoros y los cronómetros miden tiempo relativo — «25 minutos a partir de ahora» o «cuánto lleva esto en marcha». Este temporizador de cuenta atrás mide tiempo absoluto — «cuánto falta para esta fecha y hora concretas». El destino se mantiene fijo: actualiza la página, vuelve mañana, la cuenta atrás sigue apuntando al mismo momento. Usa esto para eventos; usa el Stopwatch & Timer para tareas.

Sí. Haz clic en Copiar enlace para compartir y pégalo donde quieras — Slack, correo, un tuit, un artículo de blog. La URL contiene todo el estado (hora de destino + título opcional), así que cuando el destinatario la abra verá la misma cuenta atrás hasta el mismo momento, en cualquier dispositivo, sin necesidad de cuenta.

Los títulos de evento, las fechas y los enlaces compartidos nunca salen de tu dispositivo. Abre DevTools → Network y verás cero peticiones salientes durante el uso.

Días
:
Horas
:
Minutos
:
Segundos

Ajustes rápidos

Más que solo dígitos

Diseñado para eventos, directos, aulas y momentos personales — no solo para cronometrar una pausa para el café.

Cuenta atrás hasta cualquier momento

Elige cualquier fecha y hora futura, y opcionalmente añade un título. La pantalla se actualiza cada segundo; los días / horas / minutos / segundos siempre suman exactamente el tiempo restante.

Enlace directo por URL compartible

Haz clic en Copiar enlace para compartir para obtener una URL como ?to=2027-01-01T00:00&title=New%20Year. Cualquiera que abra el enlace verá la misma cuenta atrás hasta el mismo momento — sin instalar nada, sin cuenta.

iframe integrable

Añade &embed=1 a la URL de compartir y la página retira su interfaz — perfecto para integrarlo en un overlay de directo (OBS, Streamlabs), un artículo de blog, una web de boda o una landing de evento. <iframe src="…?to=…&embed=1">.

Ajustes de evento

Ajustes de un clic para Año Nuevo, Navidad y «en 7 / 30 / 100 días». Además, los últimos 10 eventos personalizados que hayas usado se guardan localmente para recuperarlos con un clic.

Alarma + parpadeo de la página al llegar a cero

Cuando la cuenta atrás llega a cero, la página suena un tono con la Web Audio API y hace parpadear el título del documento y el favicon — para que los usuarios lo vean desde otra pestaña del navegador.

Privacidad por diseño

Cada tic se ejecuta en JavaScript en tu dispositivo. Nunca se transmiten títulos de evento, fechas ni actividad del portapapeles. Abre DevTools → Network y verifica cero peticiones salientes.

Cómo usar la cuenta atrás

Tres pasos para una cuenta atrás compartible e integrable.

  1. 1

    Elige el momento de destino

    Haz clic en el selector de fecha+hora y elige cualquier momento futuro, o pulsa un ajuste rápido (Año Nuevo, Navidad, +7 / +30 / +100 días). Opcionalmente escribe un título de evento — «Día de la boda», «Lanzamiento de producto», «Examen final» — y aparecerá sobre los dígitos.

  2. 2

    Copia el enlace para compartir

    Haz clic en Copiar enlace para compartir y pégalo donde quieras. La URL codifica todo el estado de la cuenta atrás — amigos, familia, clientes y audiencia ven la misma cuenta atrás hasta el mismo momento al hacer clic.

  3. 3

    Intégralo si quieres

    Para directos, blogs, webs de boda o landings de evento, añade &embed=1 a la URL de compartir y colócala en un <iframe>. El modo de incrustación retira la barra de navegación, el pie y la configuración — dejando solo los dígitos.

  4. 4

    long.how.step4.title

    long.how.step4.body

Diseñado para eventos grandes y pequeños

Cuatro escenarios habituales en los que una cuenta atrás compartible e integrable supera a un recordatorio en la pantalla de bloqueo.

Cuenta atrás de lanzamiento u oferta

Integra una cuenta atrás en tu landing para que las visitas vean de inmediato cuándo se lanza algo o cuándo termina una oferta flash. El enlace directo por URL también funciona en correos de marketing — los destinatarios hacen clic y ven la misma cuenta atrás en vivo sin salir de la experiencia de marca.

Bodas, cumpleaños, hitos

Establece la fecha, ponle un título y comparte el enlace en el chat familiar. Cualquiera que abra el enlace verá la cuenta atrás en vivo — perfecto para incrustar en una web de boda, en correos de save-the-date o simplemente como recordatorio en una sala de chat que sigue corriendo.

Cronometraje de segmentos en directo

Usa la URL con &embed=1 como fuente de navegador en OBS / Streamlabs para mostrar una cuenta atrás hasta el inicio del directo, el cierre de un AMA, el final de un sorteo o el cierre de una subasta — visible para los espectadores como parte de la propia emisión.

Examen / fecha límite / revisión de proyecto

Fija una cuenta atrás en tu barra de marcadores y los segundos correrán cada vez que abras una pestaña nueva. El título del documento también muestra el tiempo restante, así que es visible cada vez que repasas la lista de pestañas — motivación suave pero constante.

100 % privado — se ejecuta en tu navegador

Los títulos de evento, las fechas y los enlaces compartidos nunca salen de tu dispositivo. Abre DevTools → Network y verás cero peticiones salientes durante el uso.

  • Todos los tics de la cuenta atrás, los sonidos de alarma (Web Audio API) y las escrituras al portapapeles se ejecutan como JavaScript en tu máquina — visibles en el código fuente de la página.
  • Los eventos guardados solo viven en localStorage; nunca los sincronizamos con un servidor.
  • Sin login, sin telemetría sobre títulos de evento, sin servicio de cuenta atrás de terceros. Solo usamos una cookie para el estado del consentimiento de cookies y otra para la preferencia de idioma.

Guías relacionadas

Lecturas seleccionadas sobre cuentas atrás, incrustaciones para directos y marketing de eventos.

Preguntas frecuentes

¿En qué se diferencia esto de un temporizador Pomodoro o un cronómetro?

Los Pomodoros y los cronómetros miden tiempo relativo — «25 minutos a partir de ahora» o «cuánto lleva esto en marcha». Este temporizador de cuenta atrás mide tiempo absoluto — «cuánto falta para esta fecha y hora concretas». El destino se mantiene fijo: actualiza la página, vuelve mañana, la cuenta atrás sigue apuntando al mismo momento. Usa esto para eventos; usa el Stopwatch & Timer para tareas.

¿Puedo compartir una cuenta atrás con otra persona?

Sí. Haz clic en Copiar enlace para compartir y pégalo donde quieras — Slack, correo, un tuit, un artículo de blog. La URL contiene todo el estado (hora de destino + título opcional), así que cuando el destinatario la abra verá la misma cuenta atrás hasta el mismo momento, en cualquier dispositivo, sin necesidad de cuenta.

¿Puedo integrarlo en mi web o directo?

Sí. Añade &embed=1 a la URL de compartir y coloca el resultado dentro de un <iframe>. El modo de incrustación oculta la barra de navegación, el pie, el panel de configuración y los anuncios — dejando solo la pantalla de dígitos grandes sobre fondo transparente. Funciona como fuente de navegador en OBS / Streamlabs, en incrustaciones de WordPress / Squarespace, en Notion y en cualquier sitio que cumpla los estándares.

¿La cuenta atrás es precisa durante horas y días?

Sí. Comparamos el valor en vivo de Date.now con un milisegundo de destino absoluto — así que aunque tu portátil duerma durante horas, vuelva, o cambies de pestaña y el navegador limite JavaScript, el tiempo mostrado se recalcula desde el destino absoluto en cada tic. No hay desviación acumulada.

¿Se envía algo a vuestro servidor?

No. La hora de destino, el título del evento, la generación del enlace de compartir y la reproducción de la alarma se ejecutan como JavaScript en tu navegador. Los últimos 10 eventos que hayas usado se guardan en localStorage en tu dispositivo. Abre DevTools → Network y verás cero peticiones salientes durante el uso.