Анимация чисел
Счётчик добегает до значения, когда блок попал в экран.
ТИЛЬДА УМЕЕТ ЭТО САМА
Считает число до значения, взятого из самого текста, когда элемент входит в экран. Разряды и дробную часть держит, окружающие слова не трогает.
Где это у неё: Стиль анимации «animatednumber» у элемента: t_animate__parseNumberText подставляет ноль и запоминает исходную строку, t_animate__animateNumbers её отсчитывает. Оба в tilda-animation-2.0.min.js.
Чего в родной версии нет: Только на экране от 1200 px: вызов стоит под document.documentElement.clientWidth >= 1200, и это единственное место, откуда он идёт, — на телефоне и планшете число просто стоит на месте. Длительность зашита: 108 шагов по 12 мс, около 1,3 с. Старт всегда с нуля, задержки между несколькими числами нет, prefers-reduced-motion не спрашивается — в файле анимации его нет ни одного упоминания. И ставится он элементу поштучно, а не секции целиком.
Как устроен мод
РЕЗУЛЬТАТ
Счётчик добегает до значения, когда блок попал в экран.
КАК ВСТРАИВАЕТСЯ
Готовый файл подключается через блок T123 на той же странице, где секция с числами. Секции назначается класс mk-count. Настройки передаются в MK_MOD_077; генератор ниже собирает их без ручной правки JavaScript.
ГРАНИЦЫ БЕЗОПАСНОСТИ
- Мод меняет только размеченную секцию или явно выбранные элементы и не подменяет отправку форм, оплату либо серверные данные Тильды.
- Не переименовывать класс и служебные data-атрибуты после копирования: по ним мод отделяет свой экземпляр от остальных блоков страницы.
- После изменения структуры блока повторить опубликованный сценарий из чек-листа, а не ограничиваться просмотром в редакторе.
КРИТЕРИИ ГОТОВНОСТИ
- Сборка 1.0 загружается без ошибок и выполняет минимальный пользовательский сценарий на сохранённой странице Тильды; проверено 28.07.26.
- Повторная инициализация не создаёт второй экземпляр интерфейса и не ломает соседние стандартные блоки.
- Параметры генератора совпадают с meta.json и попадают в код с правильными типами.
ПАРАМЕТРЫ
<script src="https://modkod.ru/mk/v1.0/mod-077.js" defer></script> <script> window.MK_MOD_077 = { duration: 1600, stagger: 120, from: 0, trigger: 'scroll', }; </script>
mk-count
/* Настройки блока → CSS класс.
Один класс на секцию — элементы
внутри мод найдёт сам. */
Пять шагов до готовой страницы
- 01 Подготовьте секцию Откройте настройки нужной секции Zero Block и впишите mk-count в поле «CSS class name».
- 02 Добавьте блок T123 блок T123 на той же странице, где секция с числами. Один блок с кодом ставьте один раз на страницу.
- 03 Скопируйте готовую вставку Код ниже подключает закреплённую версию 1.0; её поведение не изменится само после сдачи сайта.
- 04 Опубликуйте страницу Проверяйте опубликованный адрес, а не только предпросмотр редактора Тильды.
- 05 Пройдите приёмку Сборка 1.0 загружается без ошибок и выполняет минимальный пользовательский сценарий на сохранённой странице Тильды; проверено 28.07.26.
ЕСЛИ НЕ ЗАРАБОТАЛО — ПРОВЕРЬ ПО ПОРЯДКУ
Причины, общие для любого кода на Тильде — страница не опубликована, кеш, блок и секция на разных страницах, — разобраны отдельно: куда вставлять код на Тильде .
Про этот мод написано
4 разбораПохожие задачи
3 модаПроявление текста по скроллу
Строки выезжают снизу с задержкой. Шаг и амплитуда настраиваются.
Аккуратный текст по ширине
Выравнивает размеченные абзацы и включает русские переносы без изменения геометрии.
Таймер из отдельных элементов Zero Block
Синхронно выводит дни, часы, минуты и секунды в независимые элементы.