Таймер помидорка

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

Основные возможности проекта

Настройка длительности работы и перерыва.
Запуск таймера по нажатию кнопки.
Пауза и сброс таймера.
Обратный отсчет времени до конца работы или перерыва.
Звуковые сигналы об окончании работы и перерыва.
Автоматическое переключение между работой и перерывом.

Главная страница

На странице должны быть размещены:

Форма для настройки длительности работы и перерыва (инпуты для минут).
Кнопки: "Старт", "Пауза", "Сброс".
Отображение текущего состояния (работа / перерыв).
Таймер с обратным отсчетом (минуты:секунды).

Настройка времени

Пользователь может настроить:

Длительность работы (по умолчанию 25 минут).
Длительность перерыва (по умолчанию 5 минут).

Состояния таймера

Таймер имеет следующие состояния:

Ожидание - таймер не запущен, отображается настроенное время работы.
Работа - идет обратный отсчет времени работы.
Перерыв - идет обратный отсчет времени перерыва.

Управление таймером

Старт - запускает таймер с текущего состояния.
Пауза - приостанавливает обратный отсчет.
Сброс - останавливает таймер и возвращает в состояние ожидания.

Звуковые сигналы

Таймер издает звуковые сигналы:

При окончании работы - сигнал о завершении работы.
При окончании перерыва - сигнал о завершении перерыва.

Автоматическое переключение

По окончании работы таймер автоматически переключается в состояние перерыва. По окончании перерыва - обратно в состояние работы, и цикл повторяется.

Дополнительные возможности

Количество завершенных помидорок (сессий работы).
Выбор звукового сигнала.