TimePanel - Панель времени
Экранный компонент для отслеживания и управления временем. Узкая полоска, которой место вдоль края экрана. Находится в одном из двух режимов:
Режим реального времени
Содержит элементы:
- Кнопка Перейти в режим управляемого времени
- Часы, показывающие день недели, число, месяц, год, часы и минуты
Режим управляемого времени
Содержит элементы:
- Кнопка Перейти в режим реального времени
- Форма перевода времени
- Поле ввода даты/времени и кнопка Установить
- Часы, показывающие день недели, число, месяц, год, часы и минуты
- Кнопка пуск/пауза
- Текущий множитель скорости течения времени
- Форма установки множителя скорости
- Поле ввода целочисленного множителя и кнопка Установить
new TimePanel(parent)
Конструктор принимает указатель на DOM-элемент для вставки компонента. При этом компонент рендерится на странице.
Методы экземпляра
.setTime(date)
Принимает объект даты и выводит соответствующие дату и время на часы.
.setSpeed(multiplier)
Принимает целое число и выводит его в елементе множителя скорости.
.setRealtimeMode()
Переключает панель в режим реального времени.
.setCustomTimeMode()
Переключает панель в режим управляемого времени.
.setRunning()
Показывает кнопку паузы вместо кнопки пуск.
.setPaused()
Показывает кнопку пуск вместо кнопки паузы.
.useTimeHandler(fn)
Запоминает функцию-обработчик изменения времени через форму. Эта функция будет получать объект даты.
.useSpeedHandler(fn)
Запоминает функцию-обработчик изменения множителя скорости через форму. Эта функция будет получать целое число.
.usePauseHandler(fn)
Запоминает функцию-обработчик нажатия паузы.
.useRunHandler(fn)
Запоминает функцию-обработчик нажатия пуск.
.useRealtimeHandler(fn)
Запоминает функцию-обработчик нажатия кнопки перехода в режим реального времени.
.useCustomTimeHandler(fn)
Запоминает функцию-обработчик нажатия кнопки перехода в режим управляемого времени.