Таймер до конца недели
Реализуйте таймер, который отсчитывает время, оставшееся до конца рабочей недели. Проект включает в себя установку времени окончания рабочего дня, обратный отсчет дней, часов и минут до конца недели, звуковой сигнал. Продумайте структуру хранения данных и реализацию логики в коде JavaScript. Вся логика должна выполняться на клиенте без перезагрузки страницы. Скачать верстку для проекта.
Основные возможности проекта
- Форма для ввода времени окончания рабочего дня.
- Сохранение времени в localStorage.
- Обратный отсчет дней, часов и минут до конца рабочей недели.
- Звуковой сигнал по окончании времени.
- Возможность редактировать время.
Установка времени
При первом заходе на сайт появляется форма с полем для ввода времени окончания рабочего дня (инпут time) и кнопкой "Сохранить". После сохранения время записывается в localStorage и начинается обратный отсчет.
Таймер
Таймер вычисляет время до конца рабочей недели:
- Рабочая неделя - с понедельника по пятницу.
- В пятницу в установленное время рабочая неделя заканчивается.
Отображаются:
- Дни.
- Часы.
- Минуты.
Отсчет обновляется в реальном времени (каждую секунду).
Звуковой сигнал
Когда наступает конец рабочей недели (пятница, установленное время), таймер останавливается и воспроизводится звуковой сигнал.
Редактирование времени
На странице должна быть кнопка "Изменить время". При нажатии на нее открывается форма с текущим временем, которое можно изменить и сохранить. Таймер сбрасывается и запускается заново.
Хранение данных
Время окончания рабочего дня сохраняется в локальном хранилище браузера (localStorage). При перезагрузке страницы время загружается из хранилища и таймер продолжает работу.
Дополнительные возможности
- Отображение дней недели до конца рабочей недели.
- Показ количества рабочих часов до конца недели.