До встречи должно оставаться столько времени, сколько осталось на самом деле. Пример таймера сохраняет дату при обновлении страницы и завершает отсчёт в нужный момент.
• 13 лет опыта в маркетинге и продажах
• Более 1000 проектов
• Основатель портала Wake up Marketing
• Практикует маркетинг и внедрение ИИ в бизнес клиентов
Подпишитесь на Telegram-канал Дмитрия: дневник развития портала Wake up Marketing, билдера сайтов и приложений в Ноя и маркетплейса шаблонов. Плюс выжимка 13 лет опыта в суровом маркетинге и плоды 2 лет работы с ИИ 24/7
Таймер на странице вебинара работает правильно, когда у всех посетителей он ведёт к одному моменту, а не выдаёт каждому новые сутки после входа. Встреча в 19:00 по Красноярску начнётся для красноярца и москвича одновременно, хотя до неё у них останется разное число часов.
Блок для страницы события состоит из трёх частей: одна дата, обратный отсчёт и понятное состояние после старта. На иллюстрациях — собственный работающий прототип. Для такого веб-приложения можно подготовить задание своему агенту и собрать страницу в Билдере Нои.
Таймер вебинара должен считать время до фиксированной даты с явным часовым поясом. Рядом постоянно видны дата и время встречи, а после старта страница убирает отсчёт и предлагает нужное действие. Обновление страницы не должно выдавать посетителю новый срок.
Для первой версии хватит названия события, даты, четырёх чисел — дни, часы, минуты, секунды — и одной кнопки. Сложный кабинет участников не нужен, если запись уже организована в другом месте. Кнопка может вести к существующей форме или описанию встречи.
В работающем прототипе дата остаётся рядом с отсчётом. Кнопка ведёт к описанию этой же встречи.
На нашем примере кнопка «Узнать о встрече» ведёт к описанию на той же странице. У вашего события это может быть форма регистрации или страница трансляции. Смысл кнопки должен совпадать с местом перехода; надпись «Смотреть» не подходит, если дальше только сбор контактов.
Таймер работает в браузере. Ему хватает собственного расчёта времени: нейросеть каждую секунду, мобильное приложение и регистрация посетителя в Ное для этого не нужны. Пользователь открывает обычный адрес сайта.
Одна дата для посетителей из разных городов
Для примера фиксируем 20 ноября 2026 года, 19:00 по Красноярску. Это тот же момент, что 15:00 по Москве и 12:00 UTC. В программе дату удобно хранить с явным смещением часового пояса:
Код
2026-11-20T19:00:00+07:00
Браузер вычитает текущее время из времени начала и переводит разницу в дни и часы. Если посетитель меняет часовой пояс устройства, момент начала не должен меняться. Если он возвращается через час, остаток сокращается примерно на час.
Документация Date.parse объясняет, как браузер читает строку даты и времени. Для задания агенту важнее практическое правило: не оставлять ему строку «20.11, в семь вечера» без года и города. Такая запись допускает несколько толкований.
Есть и предел точности: простой браузерный счётчик зависит от часов устройства. Для напоминания о вебинаре обычно достаточно видимой даты и обычного отсчёта. Если время управляет оплатой, закрытием торгов или доступом к заказу, решение должно приниматься на сервере. Числа на экране не могут быть единственным подтверждением права на покупку.
Сайт можно собрать разговором
Опишите идею словами — и смотрите, как сайт собирается на глазах
Вайбкод-конструктор: от лендинга до контент-портала
Правки — тем же диалогом, без вёрстки и разработчиков
Замените название, дату, текст кнопки и ссылку. Это задание описывает небольшой блок страницы, а не перестройку всего существующего сайта.
Промпт
Создай страницу вебинара с таймером обратного отсчёта.
Событие: «Один понятный сайт для вашего проекта».
Начало: 20 ноября 2026, 19:00 по Красноярску, UTC+7.
Хранимая дата: 2026-11-20T19:00:00+07:00.
Покажи название, короткое описание, дату и часовой пояс.
Ниже четыре значения: дни, часы, минуты, секунды.
Кнопка «Узнать о встрече» ведёт к описанию события на этой
странице. Отдельную регистрацию в этом примере не создавай.
Одна дата действует для всех посетителей. Не начинай новые
24 часа от первого посещения, обновления или другого браузера.
Остаток вычисляй из даты, а не вычитай единицу из сохранённого
числа: после сна телефона значение должно снова быть верным.
В момент старта убери обратный отсчёт и покажи «Встреча уже
началась». Отрицательные числа и повторный запуск запрещены.
Дату оставь видимой всегда, в том числе без JavaScript.
На телефоне блок помещается в ширину экрана. Не растягивай
цифры анимацией и не озвучивай каждую секунду для программы
чтения с экрана. Кнопка доступна с клавиатуры, фокус виден.
Если дополняешь существующий сайт, сначала прочитай его файлы
и используй текущие стили. Не меняй формы, цены и другие страницы.
Не подключай платные API, внешнюю аналитику или рассылки.
В конце покажи варианты до старта, ровно в момент старта и после.
Передайте это задание своему подключённому агенту для работы в Билдере Нои. Он подготовит исходники проекта; сборку и публикацию выполняет платформа. Если выбираете встроенную Ною вместо своего агента, сначала посмотрите стоимость работы и подтвердите нужный этап в кабинете.
Как собрать страницу и добавить свой таймер?
Откройте Билдер, выберите нужный проект или создайте новый для страницы события. Передайте задание агенту, дождитесь готового превью и проверьте дату, переход кнопки и вид на телефоне. Публикуйте после проверки этих трёх вещей, сохранив прежние страницы проекта.
Если у вас уже есть готовый сайт-визитка, попросите добавить блок в нужное место, а не создавать весь сайт заново. Для отдельной страницы укажите адрес и связь с основным меню. В обоих случаях нужны именно файлы вашего проекта и его действующие стили.
Для более широкого задания — программа встречи, спикер, форма и ответы на вопросы — полезно сначала собрать техническое задание на сайт. Подготовить такой документ поможет «Архитектор сайтов», если вам нужен подробный план страницы. Одному таймеру большой проектный документ обычно не требуется.
Для этого примера результат скромный: открывается страница, посетитель видит дату и понимает, сколько времени осталось. Сначала доведите этот небольшой путь до рабочего состояния.
Что произойдёт в момент старта
В момент начала встречи таймер исчезает, а текст меняется на «Встреча уже началась». Страница не показывает отрицательные минуты и не запускает новый отсчёт. Дата остаётся на месте, чтобы поздний посетитель понимал, к какому событию он пришёл.
Состояние после заданной даты: обратного отсчёта больше нет, дата и действие посетителя остаются.
Если у встречи есть трансляция, после старта можно показывать кнопку перехода к ней. Если трансляция закончилась, понадобится ещё одно состояние: запись готовится или запись доступна. Кнопку записи показывайте, когда запись точно будет и известен её адрес.
Именно поэтому состояние после нуля стоит продумать до публикации. Красивый отсчёт живёт несколько дней, а забытая страница с «−3 часа» может оставаться в поиске месяцами. Для события без повторов хватит простой смены текста и ссылки.
Как добавить календарь, запись и напоминания
Следующее полезное дополнение — событие для календаря с тем же моментом начала. В нём нужны название, дата, длительность, часовой пояс и ссылка на встречу. Прежде чем дать файл участникам, откройте его в своём календаре и сопоставьте время с надписью на странице.
Форма регистрации меняет состав работы: появляются персональные данные, согласия и место хранения заявок. Если существующая форма уже подходит, лучше использовать её, чем делать ещё одну базу ради таймера. Отправку напоминаний через почту или мессенджер нужно подключать отдельно с разрешёнными адресатами и согласованными условиями.
У нескольких событий должны быть разные даты и ссылки. При переносе вебинара обновите и страницу, и календарное приглашение, и заранее подготовленные сообщения. Замена только числа в таймере не уведомляет записавшихся участников.
Первый запуск на своей странице
Запишите точную дату с годом и часовым поясом, затем выберите одно действие посетителя. Отдайте агенту полное задание и попросите показать страницу до начала и после него. В новом браузере проверьте, что срок не начинается заново.
После публикации откройте страницу с телефона и нажмите кнопку. Если она ведёт на нужную форму, дата читается без увеличения, а отсчёт соответствует событию, можно отправлять адрес участникам. Таймер сделал свою работу, когда человеку стало проще прийти вовремя.
Что почитать дальше
Обзор Билдера: остальные возможности платформы Нои для сайтов.
