🏪

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)

Запоминает функцию-обработчик нажатия кнопки перехода в режим управляемого времени.