Countdown Timer

Таймер зворотного відліку

Відлічуйте час до будь-якої майбутньої дати й часу. Посилання URL для поширення, вбудовуваний iframe, живе відображення великими цифрами. Ідеально для Нового року, весіль, запусків продуктів, оверлеїв трансляцій.

Таймер зворотного відліку — TL;DR

Відлічуйте час до будь-якої майбутньої дати й часу. Посилання URL для поширення, вбудовуваний iframe, живе відображення великими цифрами. Ідеально для Нового року, весіль, запусків продуктів, оверлеїв трансляцій.

Pomodoro і секундоміри вимірюють відносний час — "25 хвилин від зараз" або "скільки це вже триває". Цей таймер зворотного відліку вимірює абсолютний час — "скільки до цієї конкретної дати й часу". Ціль залишається фіксованою: оновіть сторінку, поверніться завтра — відлік усе ще вказує на той самий момент. Використовуйте це для подій; використовуйте Stopwatch & Timer для завдань.

Так. Натисніть Скопіювати посилання і вставте куди завгодно — Slack, email, твіт, допис у блозі. URL містить весь стан (цільовий час + опційна назва), тож коли одержувач відкриє його, побачить той самий відлік до того самого моменту, на будь-якому пристрої, без облікового запису.

Назви подій, дати та посилання, якими ви ділитеся, ніколи не залишають ваш пристрій. Відкрийте DevTools → Network і побачите нуль вихідних запитів під час використання.

Днів
:
Годин
:
Хвилин
:
Секунд

Швидкі пресети

Більше, ніж просто цифри

Створено для подій, трансляцій, класних кімнат і особистих моментів — а не просто для відліку перерви на каву.

Відлік до будь-якого моменту

Оберіть будь-яку майбутню дату й час, опційно додайте назву. Дисплей оновлюється щосекунди; дні / години / хвилини / секунди завжди в сумі дають точно стільки часу, скільки залишилося.

Посилання URL для поширення

Натисніть Скопіювати посилання, щоб отримати URL на кшталт ?to=2027-01-01T00:00&title=New%20Year. Кожен, хто відкриє посилання, побачить той самий відлік до того самого моменту — без встановлення, без облікового запису.

Вбудовуваний iframe

Додайте &embed=1 до посилання, і сторінка прибере свої елементи інтерфейсу — ідеально для вбудовування в оверлей трансляції (OBS, Streamlabs), допис у блозі, весільний сайт або лендінг події. <iframe src="…?to=…&embed=1">.

Пресети подій

Пресети в один клік для Нового року, Різдва і "через 7 / 30 / 100 днів". Плюс останні 10 ваших користувацьких подій зберігаються локально для виклику в один клік.

Сигнал і блимання сторінки на нулі

Коли відлік досягає нуля, сторінка програє звуковий сигнал через Web Audio API і блимає заголовком документа та фавіконом — щоб користувачі побачили це з іншої вкладки браузера.

Приватність за задумом

Кожен тік виконується на JavaScript на вашому пристрої. Жодні назви подій, дати чи дії з буфером обміну не передаються. Відкрийте DevTools → Network і переконайтесь у нульових вихідних запитах.

Як користуватися відліком

Три кроки до відліку, яким можна поділитися та який можна вбудувати.

  1. 1

    Оберіть цільовий момент

    Натисніть на віджет вибору дати й часу та оберіть будь-який майбутній момент, або скористайтеся пресетом (Новий рік, Різдво, +7 / +30 / +100 днів). Опційно введіть назву події — "День весілля", "Запуск продукту", "Випускний іспит" — і вона з'явиться над цифрами.

  2. 2

    Скопіюйте посилання

    Натисніть Скопіювати посилання і вставте куди завгодно. URL кодує весь стан відліку — друзі, родина, клієнти, аудиторія побачать той самий відлік до того самого моменту, коли натиснуть.

  3. 3

    Вбудуйте, якщо хочете

    Для трансляцій, блогів, весільних сайтів або лендінгів подій додайте &embed=1 до посилання і вставте у <iframe>. Режим вбудовування прибирає панель навігації, футер і налаштування — залишаючи лише цифри.

  4. 4

    long.how.step4.title

    long.how.step4.body

Створено для подій великих і малих

Чотири поширені сценарії, де відлік з посиланням і вбудовуванням кращий за нагадування на екрані блокування.

Відлік до запуску продукту / розпродажу

Вбудуйте відлік на ваш лендінг, щоб відвідувачі одразу бачили, коли відбудеться запуск або коли закінчиться флеш-розпродаж. Посилання URL також працює для маркетингових email — одержувачі натискають і бачать той самий живий відлік, не залишаючи бренд.

Весілля, дні народження, віхи

Встановіть дату, дайте назву, поділіться посиланням у сімейному чаті. Кожен, хто відкриє посилання, побачить живий відлік — ідеально для вбудовування на весільний сайт, у листи save-the-date або просто як нагадування в чаті, що тікає.

Хронометраж сегментів трансляції

Використовуйте URL з &embed=1 як browser source в OBS / Streamlabs, щоб показати відлік до старту трансляції, кінця AMA, завершення розіграшу чи закриття аукціону — видимий глядачам як частина самої трансляції.

Іспит / дедлайн / огляд проєкту

Закріпіть відлік на панелі закладок, і секунди тікатимуть щоразу, коли ви відкриваєте нову вкладку. Заголовок документа теж показує час, що залишився, тож він видно щоразу, коли ви переглядаєте список вкладок — м'яка, але постійна мотивація.

100% приватно — працює у вашому браузері

Назви подій, дати та посилання, якими ви ділитеся, ніколи не залишають ваш пристрій. Відкрийте DevTools → Network і побачите нуль вихідних запитів під час використання.

  • Усі тіки відліку, звуки сигналу (Web Audio API) і записи в буфер обміну виконуються як JavaScript на вашій машині — видимі у вихідному коді сторінки.
  • Збережені події живуть лише в localStorage; ми ніколи не синхронізуємо їх із сервером.
  • Без входу, без телеметрії щодо назв подій, без сторонніх сервісів відліку. Ми використовуємо лише один cookie для стану згоди на cookie і один для мовних налаштувань.

Пов'язані гайди

Підібрані матеріали про зворотний відлік, вбудовування трансляцій та маркетинг подій.

Поширені запитання

Чим це відрізняється від таймера Pomodoro або секундоміра?

Pomodoro і секундоміри вимірюють відносний час — "25 хвилин від зараз" або "скільки це вже триває". Цей таймер зворотного відліку вимірює абсолютний час — "скільки до цієї конкретної дати й часу". Ціль залишається фіксованою: оновіть сторінку, поверніться завтра — відлік усе ще вказує на той самий момент. Використовуйте це для подій; використовуйте Stopwatch & Timer для завдань.

Чи можу я поділитися відліком з кимось?

Так. Натисніть Скопіювати посилання і вставте куди завгодно — Slack, email, твіт, допис у блозі. URL містить весь стан (цільовий час + опційна назва), тож коли одержувач відкриє його, побачить той самий відлік до того самого моменту, на будь-якому пристрої, без облікового запису.

Чи можна вбудувати це на мій сайт або в трансляцію?

Так. Додайте &embed=1 до посилання й розмістіть результат у <iframe>. Режим вбудовування приховує панель навігації, футер, панель налаштувань і рекламу — залишаючи лише дисплей з великими цифрами на прозорому фоні. Працює в OBS / Streamlabs як browser source, у вбудовуваннях WordPress / Squarespace, Notion і на будь-якому сайті, що відповідає стандартам.

Чи точний відлік протягом годин і днів?

Так. Ми порівнюємо живий Date.now з абсолютною цільовою мілісекундою — тож навіть якщо ваш ноутбук засне на годинник, повернеться, або ви переключите вкладку і браузер дроселюватиме JavaScript, відображений час перераховується від абсолютної цілі на кожному тіку. Жодного накопичувального дрейфу.

Чи надсилається щось на ваш сервер?

Ні. Цільовий час, назва події, генерація посилання й програвання сигналу — усе виконується як JavaScript у вашому браузері. Останні 10 використаних подій зберігаються в localStorage на вашому пристрої. Відкрийте DevTools → Network і побачите нуль вихідних запитів під час використання.