Как настроить таймер для тренировки

Делаем собственный таймер для спорта

Без рекламы и встроенных покупок.

Те, кто занимается спортом, знают: часто нужен таймер. Кому-то надо отмерять интервалы по минуте, кому-то — сколько работаешь, столько отдыхаешь; кому-то нужны сложные интервалы и круги; кому-то просто секундомер. На всё это, конечно, в интернете полно готовых программ, но почему бы не сделать свою?

Если вы пропустили наш первый урок по созданию полноценных программ, где мы рассказываем про инструменты и основные моменты, прочитайте его сейчас. Без этого вам будет сложнее разобраться, что здесь происходит, и что это всё вообще такое.

Как устроен интервальный таймер

Наш сценарий работы такой: пользователь задаёт время одного упражнения и перерыва после него, а потом указывает, сколько раз он хочет выполнить это упражнение с перерывом. Например, стоять в планке на протяжении минуты, потом отдыхать 45 секунд, повторить восемь раз. Получается, что основных параметров у нас три: время тренировки, время отдыха, количество подходов.

Чтобы во время тренировки можно было не смотреть на экран, надо предусмотреть звуковое оповещение. Оно подскажет, что закончился очередной интервал, и нужно отдохнуть или снова приступить к упражнению.

Основа страницы

Возьмём стандартный шаблон страницы:

Теперь поработаем со служебным разделом .. и наполним его нужными командами:

Подключаем там же фреймворк jQuery, который упростит нам работу с таймером и его компонентами:

Теперь разместим все элементы интерфейса на странице. Начнём с общего блока, где будет наш таймер:

Теперь будем размещать внутри этого блока интерфейс программы. Сразу подключим звуковые уведомления, за них отвечает тег

Звук мы взяли где-то из интернета и положили в ту же папку, что и наша программа.

Чтобы мы могли менять время и параметры тренировки, сделаем форму и разместим все наши компоненты на ней.

Для начала поместим на форму специальный заголовок. Его хитрость в том, что он будет невидимой кнопкой, на которую нажмёт скрипт, когда всё загрузится. После такого виртуального нажатия наш таймер получит свои начальные значения и будет готов к работе.

Тег — это контейнер, как бы прозрачная обёртка для своего содержимого. С его помощью мы можем отдельно настроить внешний вид и поведение нашего текста. Теперь у нашего заголовка есть внутреннее имя «Secret» и класс «timer_types_btn» , который пока ещё нигде не прописан.

На этом этапе у нас будет пустая страница с надписью «Интервальный таймер». Пока что ничего интересного.

Интерфейс

Интерфейс таймера мы упакуем в собственный блок, чтобы можно было настраивать как общий вид, так и части по отдельности. Его мы вставляем в нашу форму после блока с заголовком:

Первое, что мы в него добавим — интерфейс настроек тренировки, где можно будет выбрать время и количество повторений. Сначала добавим в него настройку времени на упражнения:

Внутри этого блока у нас три раздела: один отвечает за минуты, второй — за двоеточие, третий — за секунды. Свойство contenteditable=»true» означает, что этот контент можно изменять, щёлкая мышкой и вводя свои значения.

Так же добавим блоки количества подходов и времени отдыха:

Вставляем это всё в нашу панель настроек и смотрим, что получилось:

Табло для отсчёта времени и кнопки

Для большого табло используем тот же код, что и для панели настроек, только применим потом другой класс оформления:

Кнопки сделаем с помощью стандартного тега . Каждой кнопке присвоим своё имя и идентификатор, чтобы можно было с ними работать из скрипта:

Вот наш интерфейс. Ставим его в форму на странице и смотрим на результат:

Настраиваем внешний вид

Очевидно, что таймер наш выглядит скромновато. Нужно его оформить. Для этого используем CSS — стили оформления элементов на странице.

Как вы помните, CSS-стили можно выносить в отдельный файл, а можно писать в разделе с помощью тега

Смотрите, у нас появилась новая команда в теге скрипта: defer . Она запрещает скрипту выполняться, пока страница полностью не загрузится. Это позволяет нам сначала подготовить страницу целиком, а только потом запускать таймер.

Теперь наполним наш скрипт. Начнём с переменных:

Теперь напишем функцию, которая будет постоянно готовить к запуску наше звуковое оповещение. Она будет брать нужные нам файлы ogg и mp3 и подключать их к нашей странице:

Перед тем, как работать с таймером и интервалами, давайте напишем маленькую функцию, которая переводит наше время из просто секунд в секунды, минуты и часы. Мало ли, вдруг кто-то фанат долгих упражнений:

Ну и добавим эстетики в программу — для красоты будем ставить первым ноль, если число минут или секунд меньше девяти:

Отдельной функцией сделаем отображение времени на табло. Там как раз и пригодится наша функция, которая переводит секунды в минуты:

Теперь предусмотрим смену времени каждую секунду, пока работает таймер. Для этого будем отдельно обрабатывать два режима: тренировки и отдыха. Не забудем про красоту — время тренировки сделаем зелёным, как на панели настроек, а время отдыха — красным:

Продолжение скрипта: обрабатываем нажатия на кнопки

Начнём с кнопки «Старт». Логика работы такая: следим за тем, в каком режиме работает таймер, не забывая скрывать «Старт» и показывать «Паузу» после запуска. Как только перешли к отдыху или снова к тренировке — включаем звуковой сигнал. Если все тренировки прошли, но мы снова нажали «Старт», начнём всё сначала:

Теперь очередь кнопки «Пауза». Она появляется в тот момент, когда мы нажимаем на кнопку «Старт», которая сразу исчезает. Логика чуть другая: при каждом нажатии мы просто останавливаем интервал и тоже включаем звук, чтобы обозначить смену режима:

Последнее, что осталось — запрограммировать реакцию на нажатие кнопки «Сброс». Порядок действий будет такой: виртуально щёлкаем по кнопке «Пауза», обнуляем табло, и выставляем стартовые значения по умолчанию в нашу панель настроек:

Теперь собираем скрипт в один файл, сохраняем, обновляем нашу страницу и нажимаем на «Старт». Всё, успех — таймер начал отсчёт:

Источник

Сбрасываем килограммы быстрее: 5 бесплатных таймеров для интервальных тренировок

Подойдет для планки, прыжков, приседаний, езды на велосипеде, бега, бокса, боевых искусств и других фитнес-активностей

Многочисленные исследования показали, что во время высокоинтенсивных интервальных тренировок вы сжигаете больше жира, поскольку сильнее разгоняется обмен веществ в течение 24 часов после нагрузки. Ускоряется метаболизм, повышается аэробная выносливость организма, увеличивается уровень потребления кислорода тканями.

Но для этого вам нужен таймер. Он подойдет для тренировок в зале со штангой, гантелями, гирями, для упражнений с собственным весом, для кроссфита, семиминутной тренировки, TRX, кардио, растяжки и любых других высокоинтенсивных тренировок.

Interval Timer

Этот надёжный таймер идеально подходит как для занятий дома, так и для тренировок в зале. Его можно использовать для бега, езды на велосипеде, силовых тренировок с весами, стретчинга, бокса. Основные функции:

1. Настраиваемые подходы для тренировок высокой и низкой интенсивности, а также настройка промежутков отдыха между ними.
2. Поддержка режима многозадачности.
3. Проигрывает музыку из выбранного вами плейлиста.
4. Возможность публикации тренировок в Facebook и Twitter.
5. Сохранение настроек своих тренировок в качестве шаблонов.

Seconds

Не менее надёжный и функциональный вариант спортивного таймера. Основные функции:

1. Шаблоны для высокоинтенсивных интервальных тренировок, табаты, круговой тренировки и многих других.
2. Возможность самостоятельно настраивать таймеры для создания любых интервалов.
3. Поддержка датчика сердцебиения.
4. Синхронизация музыки с интервалами.
5. Работает в фоновом режиме.
6. Возможность делиться результатами в Facebook и Twitter.
7. Интеграция с Apple Health на iPhone для постоянного отслеживания состояния организма.

Runtastic Timer

Практичный, простой и лёгкий в использовании таймер с функцией голосового сопровождения тренировок. Основные функции:

1. Настройка времени тренировки, промежутков отдыха, количества повторений и сетов.
2. Голосовое сопровождение (не нужно постоянно смотреть на экран смартфона).
3. Создание практически бесконечного количества таймеров и сохранение их в качестве шаблонов.
4. Выбор музыки для каждой тренировки.
5. Регулировка громкости музыки для каждой фазы.
6. Показывает, сколько времени длится тренировка и сколько осталось до конца.

Tabata Stopwatch Pro

Таймер подойдёт для любых интервальных тренировок: бега, функциональных тренировок, высокоинтенсивных интервальных тренировок и так далее. Основные функции:

1. Включает в себя уже настроенную классическую тренировку табата.
2. Ручная настройка времени для разминки.
3. Настройка периодов работы, отдыха, восстановления и времени между тренировками.
4. Настройка количества подходов и сетов.
5. Возможность переключаться между сетами во время тренировки или взять паузу, если есть такая необходимость.
6. Работа в режиме блокировки экрана.
7. Настройка звуковых сигналов и вибрации.
8. Голосовое сопровождение.
9. Выбор музыкальных треков для тренировок.

Timewinder

Это приложение — менеджер задач и одновременно спортивный таймер. Предел бесплатной версии — 35 интервалов в качестве шаблонов. Основные функции:

1. Ручная настройка нужных интервалов.
2. Поддержка Apple Watch.
3. Сохранение интервалов (максимум 35 в бесплатной версии).
4. Возможность добавить изображения и текст для каждой тренировки.
5. Встроенный диктофон и функция записи своих голосовых комментариев к тренировке.
6. Может работать в режиме блокировки экрана.
7. Пауза во время вынужденных остановок во время тренировки.

Источник

Табата таймер онлайн

Настройки

Табата таймер онлайн со звуком

Если принято решение заняться табата-тренировками, вам не обойтись без специального интервального таймера — табата таймера онлайн!

Согласно вашей тренировочной программе, самостоятельно задайте необходимые параметры в настройках таймера табата. Загружайте наш специальный табата таймер онлайн на странице браузера, настройте функции таймера, увеличивая или уменьшая интервалы, и начинайте интенсивно упражняться.

В онлайн-таймере табата доступны следующие ручные настройки:

• подготовка,
• работа — время, в течение которого проходят занятия,
• отдых — время в состоянии покоя,
• интервалы,
• круги.

Использование во время тренировок таймера табата онлайн позволит заниматься интервально, что однозначно приведет к эффективному результату. Особенно таймер понравится тем пользователям, которые планируют тренировочные программы в домашних условиях.

Каждое включение в таймере табата сопровождается бодрым звоночком, поэтому вы точно не упустите момент начала и окончания тренировки. Если требуется приостановить отсчет, воспользуйтесь кнопкой «Пауза».

Улучшайте свое здоровье и выносливость с табата-тренировками вместе с простым и удобным таймером табата онлайн!

Источник

Топ-10 бесплатных приложений на Android с таймерами для тренировок

ВИИТ, табата, кроссфит и другие интервальные программы тренировок сегодня в тренде, ведь они позволяют добиться отличных результатов за короткое время. Несмотря на пользу интервальных программ, у них есть минус – необходимость засекать время на секундомере .

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

Топ-10 приложений для таймера тренировок

Мы составили для вас рейтинг лучших приложений с таймерами для тренировок. В нашей рейтинге приложения расположены в обратном порядке – от менее функциональных до самых лучших. В тройке лидеров – самые удобные, простые и функциональные таймеры , которые просто необходимо скачать всем, кто обожает высокоинтенсивные тренировки на время.

Читайте подробнее об интервальных тренировках:

10. Tabata Timer

• Количество установок: более 1 млн.
• Средняя оценка: 4,8

Удобное приложение для таймера тренировок с интуитивным интерфейсом и набором самых необходимых функций. Помимо настроек таймера, в приложении есть полезные опции для тех, кому важен прогресс тренировок: возможность установки фитнес-целей, календарь истории, мониторинг веса и многое другое. Яркое и функциональное приложение , но чтобы разобраться со всеми функциями, придется потратить время.

Что есть в приложении:

1. Настройка таймера для собственной тренировки.
2. Сохранение тренировок.
3. Выбор звукового сигнала для смены интервалов.
4. Выбор цвета фона для таймера отдыха, работы и подготовки.
5. Приложение может воспроизводить музыку с вашего телефона при наличии доступа к папкам.
6. Горизонтальная ориентация экрана.
7. Из минусов: нет голосового помощника и фонового режима, есть реклама.

9. Табата таймер & Фитнес тренировки

• Количество установок: более 10 тыс.
• Средняя оценка: 4,8

В приложении для табата таймера на Android можно не только настроить таймер для интервальной тренировки, но и пройти программы по подтягиванию, кроссфиту, планке и бегу . Собственно таймер в приложении минималистичный, но удобный – можно выставить время работы, отдыха, количество кругов. Также вы можете прописать упражнения, количество повторов и сетов. Приложение поддерживает интеграцию с Google fit и синхронизацию с пульсометрами смарт-часов и фитнес-браслетов.

Что есть в приложении:

1. Создание тренировок с таймером и их сохранение.
2. Выбор звукового сигнала для смены интервалов.
3. Вибросигнал при беззвучном режиме.
4. Таймер работает в фоновом режиме.
5. Возможность ставить фитнес-цели.
6. Есть ночной режим.
7. Из минусов: нет голосового помощника и музыкального сопровождения.

8. Интервальный секундомер

• Количество установок: более 100 тыс.
• Средняя оценка: 4,6

Креативный табата-таймер на Android в виде аналоговых часов с секундомером понравится тем, кто ищет уникальное решение для интервальных тренировок. Помимо стандартного настраиваемого таймера, здесь есть секундомер и таймер обратного отсчета. Все режимы настраиваются вручную или можно выбрать одну из стандартных тренировок с уже прописанными интервалами. Среди предложенных таймеров тренировок есть классическая табата на 4 минуты, а также 2 варианта ВИИТ-тренинга . В настройки нельзя зайти во время работы таймера, что не совсем удобно.

Что есть в приложении:

1. Настройка таймера прямого и обратного отсчета для собственной тренировки и ее сохранение.
2. Секундомер.
3. Статистика занятий в виде диаграммы.
4. Работа в фоновом режиме.
5. Предотвращение блокировки экрана.
6. Выбор цвета для таймера.
7. Звуковой и вибросигнал для смены интервалов.
8. Из минусов: нельзя выбрать вариант звукового сигнала, нет голосового помощника.

7. Interval Timer

• Количество установок: более 1 млн.
• Средняя оценка: 4,8

Это минималистичный табата-таймер на Android, предназначенный для тех, кто ищет удобное приложение с минимумом настроек. В приложении предусмотрены только самые полезные функции: настройка времени работы, отдыха и количества кругов (сетов). Причем временной интервал не ограничен – можно настроить абсолютно любое количество минут и секунд для работы и отдыха. Несмотря на англоязычный интерфейс, в принципах работы приложения легко разобраться, ведь здесь нет лишних опций и функций, кроме кнопки включения, паузы и выхода из рабочего режима.

Что есть в приложении:

1. Настройка интервалов работы, отдыха и количества кругов.
2. Приложение работает в фоновом режиме.
3. Есть звуковой сигнал для смены интервалов и подготовки.
4. Можно регулировать громкость звука прямо в приложении.
5. Нет рекламы и платных функций.
6. Приложение на английском языке.
7. Из минусов: нет большого разнообразия настроек, особенно возможности сохранять тренировки.

6. Интервальный таймер для тренировок

• Количество установок: более 50 тыс.
• Средняя оценка: 4,5

Это лаконичное приложение для таймера тренировок в ярком дизайне. Функционал предполагает только разовую настройку интервалов , которые сохраняются до следующего включения приложения. Также есть 3 стандартных шаблона интервальных тренировок, 2 из которых доступны в премиум-версии. Во время работы таймер отображает общее время тренировки с обратным отсчетом до окончания, а также количество оставшихся сетов.

Что есть в приложении:

1. Минимум настроек, среди которых только настройка интервалов для текущей тренировки.
2. Вибро- и звуковой сигнал смены интервалов.
3. Обратный отсчет времени во время тренировки.
4. Фоновый режим.
5. Из минусов: есть реклама и некоторые платные функции.

5. Таймер упражнений

• Количество установок: более 100 тыс.
• Средняя оценка: 4,6

Удобное и функциональное приложение для таймера тренировок подходит для табаты, кроссфита, бега или любого интервального тренинга. Можно легко настроить интервалы для собственных тренировок и сохранить их или воспользоваться стандартным табата-таймером для занятий. Для собственных тренировок можно настроить время отдыха, работы, разогрева, передышки между подходами, а также количество подходов (настраиваются с помощью передвижения ползунка).

Что есть в приложении:

1. Возможность создавать и сохранять интервальные тренировки любой длительности.
2. Можно дублировать тренировки.
3. Есть голосовое сопровождение.
4. Звуковой и вибросигнал для окончания интервала.
5. Выбор цвета таймера.
6. Фоновый режим.
7. Из минусов: нет истории тренировок и учета прогресса.

4. Табата Таймер для тренировок

• Количество установок: более 100 тыс.
• Средняя оценка: 4,7

Функциональное приложение для таймера тренировок позволяет настраивать интервалы для разогрева, упражнений, отдыха между кругами, а также количество повторов и подходов . Таймер показывает, сколько времени осталось до окончания тренировки, а также, сколько подходов и повторов пройдено. В настройках можно установить горизонтальную ориентацию экрана, антиблокировку и даже автоматическую остановку тренировки при входящем звонке.

Что есть в приложении:

1. Создание и сохранение собственной интервальной тренировки (одной в бесплатной версии).
2. Фоновый режим и история тренировок.
3. Создание и сохранение плейлиста для тренировки.
4. Голосовое сопровождение.
5. Вибросигнал и выбор звукового сигнала для переключения интервалов.
6. Создание ярлыков на панели управления для удобства доступа к плейлистам, тренировкам, звукам уведомления и т.д.
7. Из минусов: есть платные опции, например, создание и сохранение нескольких тренировок и плейлистов.

3. Timer Plus

• Количество установок: более 100 тыс.
• Средняя оценка: 4,6

Ключевой особенностью табата таймера на Android Timer Plus является его стильный дизайн . Вам понравится крупный шрифт и яркие неоновые цвета в сочетании с черным фоном. Приложение предназначено для табата-тренировок, но благодаря настраиваемым таймерам его можно использовать для любого функционального или высокоинтенсивного интервального тренинга.

Что есть в приложении:

1. Создание и сохранение собственных интервальных тренировок.
2. Звуковой, вибрационный и световой сигнал об окончании интервала.
3. Таймер работает в фоновом режиме.
4. Таймер для классической табата-тренировки.
5. Встроенный секундомер.
6. Универсальный таймер для функциональной тренировки по раундам.
7. Из минусов: нет голосового помощника.

2. Таймер тренировки: Кроссфит, ТАБАТА

• Количество установок: более 100 тыс.
• Средняя оценка: 4,7

Это функциональное приложение для таймера тренировок, в котором есть не только основные функции (настройка времени работы, отдыха и количества раундов), но и дополнительные – готовые тренировки с таймерами . Для собственных тренировок можно создать необходимое количество интервалов, и они будут последовательно повторяться друг за другом, сигнализируя о времени работы или отдыха с помощью звукового и вибросигнала. Также можно создавать тренировки на время и таймер просигнализирует об окончании полной тренировки.

Что есть в приложении:

1. Создание и сохранение собственных тренировок по интервалам и на время.
2. История тренировок.
3. Настройка вибро-, звукового и светового сигнала смены интервалов.
4. Работа в фоновом режиме.
5. Возможность выбрать цвет экрана, счетчика, интервала работы, отдыха.
6. Множество настроек раундов и интервалов.
7. Готовые планы тренировок с таймером.

1. Табата Таймер: Интервальный Таймер

• Количество установок: более 1 млн.
• Средняя оценка: 4,8

Максимально удобное приложение для таймера тренировок Табата Таймер позволяет создавать тренировки любой длительности и последовательности. Крупные цифры, яркие цвета, звуковое сопровождение, интуитивно понятный интерфейс, простота в использовании и множество полезных настроек – приложение заслужено считается самым лучшим среди аналогов.

Что есть в приложении:

1. Создание и сохранение новых тренировок любой длительности.
2. Настройка последовательности тренировок.
3. Работа в фоновом режиме.
4. Есть голосовой помощник, виброрежим, звуковое сопровождение тренировок.
5. Можно настроить музыкальное сопровождение.
6. Подробные настройки звука.
7. Выбор цветового решения для каждой тренировки.

Источник