스톱워치 (밀리초 정밀, 랩 시간)

performance.now() 사용한 지터 없는 시간 측정 브라우저 기반 스톱워치. 시작, 일시정지, 재개, 랩 캡처, 재설정. 각 랩이 스플릿(이전 랩 차이)과 누적 시간 표시.

00:00:00.000

작동 방식

왜 이 스톱워치 정확

대부분 브라우저 스톱워치가 Date.now()와 setInterval 사용, 세션 동안 수십 밀리초 표류 가능. 본 구현은 단조 시계인 performance.now() 사용 — 시스템 시계 조정 시 뒤로 점프 안 함. 표시 업데이트에 requestAnimationFrame 결합, 정확도 ±1ms 내 유지.

탭 전환하면 표시 시간이 잠시 멈출 수 있음, 브라우저가 백그라운드 작업 제한하기 때문. 내부 시계 올바르게 계속 — 다시 전환하면 표시가 실제 경과 시간 따라잡음.

랩 시간과 스플릿 시간

랩 누르면 현재 누적 시간 기록. 표시되는 스플릿은 이전 랩 차이: 5×400m 런에 각 스플릿은 한 400m 구간 시간, 누적은 시작 이후 총 경과.

대부분 랩 목록 사용자는 누적 아닌 스플릿 신경. 우리는 둘 다 표시. 누적이 최고 개별 구간 식별 쉽게 — 인터벌 일관성 추적하는 운동선수에 유용.

흔한 용도

스포츠: 러닝, 수영, 사이클링 인터벌의 랩 시간 추적. 작을수록 좋음; 스플릿 간 일관성이 좋은 페이싱 신호.

요리: 랩을 '체크포인트'(혼합 추가, 반죽 휴지 시작 등)로 사용해 다중 단계 동시 계시.

공부/작업: 집중 작업 세션 타임박싱. 구조화된 휴식에 본 Pomodoro 타이머와 페어링.

프로세스 시간 측정: 어떤 작업도 기간 측정 — 소프트웨어 빌드, 수동 데이터 입력, 고객 지원 해결. 나중에 검토 위한 내보내기 친화 랩 목록 사용.

자주 묻는 질문

›탭 닫아도 타이머 계속?

아니오 — 탭 닫으면 메모리 상태 지워짐. 긴 시간 측정 세션 보존하려면 실행 중 표시 스크린샷 또는 닫기 전 랩 목록 복사.

›실제로 밀리초 정밀도 정확도?

performance.now() 해상도는 브라우저 의존: 대부분 보안 이유(타이밍 공격 완화)로 1ms 또는 0.1ms 제한. 사람 척도 시간 측정에 충분 — 사람 반응 시간(~250ms)보다 훨씬 정확.

›왜 표시가 60fps 업데이트지만 밀리초 표시?

내부 시계 정밀; 표시는 초당 ~60회 렌더링되어 부드럽게 업데이트되는 밀리초 필드. 각 프레임이 performance.now()에서 최신 경과 값 계산.

›랩 세션 저장 가능?

직접 안 됨 — 랩 목록 수동 복사. 로컬 저장에 세션 저장이 로드맵에.

›이것과 폰 스톱워치 차이?

브라우저 기반, 앱 설치 필요 없음. 사람 척도 시간 측정에 동일하게 정확. 폰 스톱워치는 화면 잠금 살아남음; 브라우저 탭은 열려있어야(포커스 필요 없음).

›데이터가 전송되나요?

아니오. 모든 것 로컬 실행; 어떤 랩이나 시간도 전송 안 됨.

›왜 본 랩이 0 밀리초 보임?

시작 직후 랩 누르면 표시 정밀도로 경과 시간이 0으로 반올림 가능. 랩 사이 적어도 1초 일부 실행.

›초 미만 이벤트 측정 가능?

네, ~1ms까지. 나노초 시간 측정(칩 벤치마킹)은 다른 도구 필요, 그러나 사람이 관찰 가능한 이벤트는 충분히 정밀.