Калькулятор бега с 2015 года

Генератор виджета

Создайте собственный калькулятор темпа для своего мероприятия и задайте свои дистанции (с любыми названиями). Если возникнут проблемы, свяжитесь с нами через кнопку обратной связи.

Настройки виджета

Язык

Единица дистанции

Заголовок виджета

Текст кнопки

Собственное сообщение

URL собственной ссылки Текст ссылки

Настройки цветов

Основной цвет (кнопка)

Цвет фона

Цвет текста

Цвет рамки

Дистанции виджета

Дистанции, доступные в виджете:

Дистанции пока не добавлены. Используйте форму ниже, чтобы добавить дистанцию.

Предпросмотр

Предпросмотр виджета появится здесь после создания кода

Предпросмотр результатов

Калькулятор темпа

Дистанция

--,-- км

Время

--:--:--

⏱️ Ваше время на популярных дистанциях:

Загрузка и сохранение настроек

Способ встраивания

Выберите способ встраивания:

Iframe (рекомендуется) Прямой код

Iframe: Проще встроить, работает на любом сайте, обновляется автоматически.
Прямой код: Больше контроля, быстрее загружается, требует знания HTML/CSS.

Код созданного виджета

Нажмите «Создать», чтобы получить код вашего виджета

Инструкция по встраиванию

Встраивание через Iframe (рекомендуется)

Скопируйте код iframe из созданного поля
Вставьте код туда, где виджет должен отображаться на вашем сайте
Готово! Виджет сразу заработает и будет обновляться автоматически

Прямой код (для опытных пользователей)

Скопируйте весь созданный код (HTML, CSS и JavaScript вместе)
Вставьте весь код туда, где должен отображаться виджет
Протестируйте виджет, чтобы убедиться, что он работает правильно
Несколько виджетов на странице: код можно вставить несколько раз (например, с разными дистанциями или цветами) — каждый виджет работает независимо

💡 Совет: Iframe — самое простое решение: он работает на любом сайте без конфликтов и обновляется автоматически. Прямой код даёт больше контроля, но требует знания HTML. Некоторые конструкторы сайтов и инструменты для работы с cookie удаляют или блокируют теги script — в таком случае используйте iframe.