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

Библиотека для стрелочных часов

Реализуйте библиотеку для создания тикающих стрелочных часов.

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

  • Библиотека для создания стрелочных часов на canvas.
  • Секундная, минутная и часовая стрелки.
  • Настройка внешнего вида часов (цвета, размеры, шрифты).
  • Настройка часового пояса (смещение относительно UTC).
  • Тикание в реальном времени (обновление каждую секунду).
  • Публикация на GitHub с документацией.

Функциональность библиотеки

Библиотека должна предоставлять следующие возможности:

  • Отрисовка циферблата с делениями и цифрами.
  • Три стрелки: секундная, минутная, часовая.
  • Автоматическое обновление времени каждую секунду.
  • Настройка часового пояса (например, UTC+3).

Параметры настройки

При инициализации часов можно передавать параметры:

  • container - селектор контейнера для часов.
  • size - размер часов в пикселях.
  • timezone - смещение часового пояса в часах (например, +3).
  • colors - объект с цветами: dial, numbers, hourHand, minuteHand, secondHand.
  • showNumbers - показывать ли цифры на циферблате.

Внешний вид

Настройки внешнего вида должны позволять изменять:

  • Цвет циферблата.
  • Цвет и размер цифр.
  • Цвет и толщину стрелок.
  • Цвет секундной стрелки.

Использование библиотеки

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

  • Подключить CSS-файл со стилями (опционально).
  • Подключить JS-файл с библиотекой.
  • Создать HTML-контейнер для часов.
  • Инициализировать часы с настройками.

Публикация на GitHub

Библиотека должна быть выложена на GitHub с:

  • README.md с описанием и инструкцией по установке.
  • Демо-страницей с примерами использования.
  • Исходным кодом библиотеки.

Тестирование

Библиотека должна быть протестирована на:

  • Разных браузерах (Chrome, Firefox, Safari, Edge).
  • Разных размерах часов (от 100px до 500px).
  • Разных часовых поясах (убедиться, что время отображается корректно).

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

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