VITON13School

VITON13 SCHOOL · Время

Таймер онлайн

Крупные спокойные цифры для урока, контрольной или перемены. Выберите время, нажмите пробел, выведите на проектор. Время остаётся точным и в фоновой вкладке.

Автор: , основатель VITON13 SCHOOL

Таймер

5:00

Пробел — старт или пауза · R — сброс · F — полный экран

Задайте время
Звук

Пока таймер идёт, страница просит браузер не гасить экран, если он это поддерживает.

Настройки хранятся только в этом браузере.

Как пользоваться

  1. Задайте времяНажмите готовое время от 1 до 45 минут или введите часы, минуты и секунды. У режимов «Помодоро» и «Интервалы» свои настройки.
  2. Запустите и поправьте«Старт» или пробел запускает и ставит на паузу, «+1 мин» добавляет минуту на ходу, R сбрасывает. В заголовке вкладки видно, сколько осталось.
  3. Покажите классуПолный экран (F) оставляет только время и кнопки, на белом или тёмном фоне. В конце звучит мягкий сигнал.

Как таймер считает время

Таймер не считает тики. При нажатии «Старт» он запоминает показание монотонных часов браузера, performance.now(), и при каждой отрисовке вычисляет остаток по разнице. Медленная страница, скрытая вкладка или занятый компьютер могут задержать отрисовку, но не само время.

Сигналы синтезирует Web Audio API прямо в браузере: звуковые файлы не загружаются. Они заранее ставятся в очередь на звуковых часах, поэтому сигнал окончания не ждёт, пока страница перерисуется.

Последние настройки — время, режим, длительности помодоро и интервалов, громкость и тема экрана — хранятся только в этом браузере. Ничего никуда не отправляется.

Вопросы

Работает ли таймер в другой вкладке?

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

Насколько громкий сигнал и можно ли его изменить?

Это мягкий колокольчик из трёх нот, который звучит дважды, когда время вышло. Громкость меняется ползунком, звук можно выключить, а кнопка «Проверить звук» помогает настроиться до урока. Итоговая громкость зависит и от громкости устройства. В режимах «Помодоро» и «Интервалы» у каждой фазы свой короткий сигнал, а в интервалах можно включить писк в последние три секунды фазы.

Как использовать таймер на уроке?

Выберите готовое время или введите своё, нажмите F, чтобы развернуть таймер на проекторе, и выберите белый или тёмный экран. Пробел запускает и ставит на паузу, R сбрасывает, «+1 мин» даёт классу больше времени без остановки. Пока таймер идёт, остаток виден в заголовке вкладки, на странице показано время окончания, а браузер получает просьбу не гасить экран, если он это поддерживает.

Что такое режимы «Помодоро» и «Интервалы»?

«Помодоро» следует методу управления временем, который придумал Франческо Чирилло: 25 минут работы, 5 минут перерыва и длинный перерыв после каждых четырёх подходов; все три длительности меняются, а счётчик показывает пройденные подходы. «Интервалы» чередуют работу и отдых раундами с подготовкой в начале, например 30 секунд работы и 15 отдыха восемь раз — для круговой тренировки на физкультуре.

Источники

  1. MDN Web Docs — Performance.now()
  2. MDN Web Docs — Web Audio API
  3. MDN Web Docs — Screen Wake Lock API

Статьи по теме

Ещё инструменты

Время и музыка