Онлайн-секундомер

Секундомер запускается при нажатии на кнопку управления. При повторном нажатии секундомер останавливается. После третьего нажатия результат обнуляется и секундомер снова готов к запуску.

Диапазон измерения до одного часа. Частота обновления 0,03 секунды. Показываются только целые секунды.

Описание

Объект класса Секундомер создается с помощью конструктора при загрузке страницы. При этом возвращается блок секундомера с кнопкой управления, элементом для удаления и цифровым таблом с нулевыми значениями.

С помощью кнопки «+ Добавить секундомер» на страницу можно добавить нужное количество секундомеров, каждый из которых является независимым объектом со своими свойствами и элементами управления.

Методы объектов класса Секундомер берутся из свойства prototype конструктора.

При нажатии на кнопку управления запускается метод start, который устанавливает время начала отсчета и запускает метод show.

Mетод show создает таймер, который с интервалом 30 мс получает текущее значение даты, находит разницу между стартом и текущим временем. А затем устанавливает полученное значение на табло секундомера.

Mетод stop удаляет установленный предыдущим методом таймер. При этом отсчет останавливается на текущем значении.

Mетод reset устанавливает нулевые показания на табло секундомера.

Mетод remove удаляет блок секундомера из документа.

Поделится ссылкой: