РЕПЕТИТОР математика физика информатика
Для школьников и студентов. Подтягивание пробелов. ЦЭ, ЦТ, ОГЭ, ЕГЭ.
Идет набор на ЛЕТО. Жмите для подробностей:)
67 of 125 menu

Таймер до конца недели

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

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

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

Установка времени

При первом заходе на сайт появляется форма с полем для ввода времени окончания рабочего дня (инпут time) и кнопкой "Сохранить". После сохранения время записывается в localStorage и начинается обратный отсчет.

Таймер

Таймер вычисляет время до конца рабочей недели:

  • Рабочая неделя - с понедельника по пятницу.
  • В пятницу в установленное время рабочая неделя заканчивается.

Отображаются:

  • Дни.
  • Часы.
  • Минуты.

Отсчет обновляется в реальном времени (каждую секунду).

Звуковой сигнал

Когда наступает конец рабочей недели (пятница, установленное время), таймер останавливается и воспроизводится звуковой сигнал.

Редактирование времени

На странице должна быть кнопка "Изменить время". При нажатии на нее открывается форма с текущим временем, которое можно изменить и сохранить. Таймер сбрасывается и запускается заново.

Хранение данных

Время окончания рабочего дня сохраняется в локальном хранилище браузера (localStorage). При перезагрузке страницы время загружается из хранилища и таймер продолжает работу.

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

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