스톱워치 & 타이머

한 페이지에 두 가지 도구가 있습니다. 구간 기록이 가능한 100분의 1초 단위 스톱워치와, 0에 닿으면 알림음을 내는 최대 99시간 카운트다운 타이머입니다. 둘 다 단추를 눌러 시작하며, 저장되는 것도 어딘가로 보내지는 것도 없습니다.

두 도구 모두 시간을 누적하지 않는데, 바로 그 점이 정확성을 지켜 줍니다. 스톱워치는 시작을 누른 시각을 기록해 두고 화면을 다시 그릴 때마다 현재 시각과의 차이를 새로 계산합니다. 그래서 프레임이 늦어지거나 탭이 바빠지거나 갱신을 백 번 놓쳐도 1밀리초조차 잃지 않습니다. 화면을 다시 그리는 간격은 31밀리초, 초당 약 32번입니다. 눈에는 매끄럽지만 100분의 1초 자리가 바뀌는 속도보다는 느려서, 표시되는 값은 실제로 중간을 건너뜁니다. 카운트다운도 반대 방향으로 같은 방식이어서 끝나야 할 절대 시각을 기억합니다. 일시 정지는 남은 시간을 붙잡아 두고, 다시 시작하면 새 마감 시각을 세웁니다.

이 설계가 드러나는 곳은 배경 탭입니다. 브라우저는 숨겨진 탭의 타이머를 초당 한 번 이하로 묶어 두기 때문에, 자리를 비운 동안에는 숫자가 멈춰 있다가 돌아오는 순간 올바른 값으로 건너뜁니다. 경과 시간은 맞고 멈췄던 것은 애니메이션뿐입니다. 정말로 늦을 수 있는 것은 알림음 하나인데, 0을 알아차리는 갱신이 곧 소리를 내는 갱신이기 때문입니다.

알아 둘 점이 둘 있습니다. 읽는 시계는 시스템 시계이므로, 재는 도중에 시각이 교정되면 — 시간 서버 보정이든 직접 변경이든 — 읽는 값도 그만큼 움직입니다. 그것을 견뎌야 하는 측정이라면 물리 스톱워치가 여전히 더 나은 도구입니다. 그리고 카운트다운은 초를 올림 처리하므로 5분 타이머는 첫 1초 동안 00:05:00을 보여 주고, 00:00:00은 울리는 순간에만 나타납니다. 구간 기록은 누른 순간의 절대 시각이며 구간 사이의 간격이 아닙니다. 알림음은 880Hz 사인파 세 번으로, 웹 오디오로 합성하기 때문에 기다릴 음원 파일이 없습니다.