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

Наивный веб-секундомер прибавляет по 10 миллисекунд при каждом срабатывании таймера. Такой подход сильно уходит от реального времени: браузеры замедляют таймеры в скрытых вкладках примерно до одного раза в секунду, а Chrome может растянуть цепочки таймеров до одного раза в минуту, если вкладка была скрыта больше пяти минут. Каждый пропущенный такт — это время, которое секундомер незаметно теряет.

Этот секундомер не считает такты. Когда вы нажимаете «Старт», он запоминает метку времени, а при каждом обновлении экрана вычитает её из текущей. Если вкладка проспит десять минут, уже первый кадр после возвращения покажет правильный итог. Круги работают так же: каждый круг сохраняет общее время на момент нажатия L, а время круга — это разница с предыдущим кругом.

Метки времени берутся из performance.now(), а не из Date.now(). Date.now() читает системные часы, которые могут скакнуть вперёд или назад при синхронизации компьютера с сервером времени или при переходе на летнее время. performance.now() — монотонные часы, которые идут только вперёд с момента загрузки страницы, поэтому коррекция NTP посреди замера не добавит и не отнимет у результата ни секунды. Браузеры намеренно огрубляют их разрешение (до значения от 5 микросекунд до 1 миллисекунды), чтобы защититься от атак по времени, но это всё равно намного точнее сотых долей, которые показаны здесь.

В спортивном хронометраже остановились на сотых долях не случайно. На Олимпиаде 1972 года в Мюнхене Гуннар Ларссон выиграл комплексное плавание на 400 м у Тима Маки с разницей в две тысячных секунды; после этого руководящий орган плавания постановил определять результаты с точностью до 1/100 с, потому что дорожки бассейна невозможно построить идентично с точностью до нескольких миллиметров. В олимпийской лёгкой атлетике результаты спринта тоже публикуют в сотых долях, хотя камеры фотофиниша снимают тысячи кадров в секунду.

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

Интервальный бег, репетиция выступления по слайдам, хронометраж каждого вопроса в пробном экзамене или проверка, сколько длится каждый шаг рецепта: нажимайте L на каждой контрольной точке, и в таблице появятся время круга и общее время. Начиная с двух кругов самый быстрый отмечается зелёным, а самый медленный красным, так что неравномерный темп видно с первого взгляда. Если нужно спланировать одно и то же занятие в разных странах, с часами поможет конвертер часовых поясов.

Пока секундомер работает, страница просит у браузера блокировку выключения экрана, чтобы телефон или ноутбук не затемнялся и не блокировался посреди длинной тренировки. Блокировка снимается сразу после остановки. Браузеры без Wake Lock API просто сохраняют обычные настройки питания; на сам замер времени это не влияет.