Stopwatch & Timer

스톱워치 & 타이머

스톱워치, 카운트다운 타이머, Pomodoro 타이머를 한 페이지에서. 밀리초 정밀도, 알람, 브라우저 알림, URL 딥링크 — 모두 브라우저에서 실행됩니다.

매우 정확합니다. 시스템 시계 변경의 영향을 받지 않는 고정밀 monotonic 시계인 `performance.now`를 타이밍 기준으로 사용하고, 화면 렌더링은 `requestAnimationFrame`이 담당합니다. 8시간 스톱워치 실행 시 드리프트는 100 ms 이내이며, 1초 미만 단위가 중요한 경우(스포츠, 과학, 음악)에도 표시되는 100분의 1초가 휴대전화의 스톱워치 앱과 일치합니다.

네. 표시 시간은 monotonic 기준점(`performance.now`)에서 계산되므로, 브라우저가 숨겨진 탭의 JavaScript를 스로틀링하더라도 종료 이벤트는 정상적으로 발생하며 탭으로 돌아왔을 때 경과 시간이 정확합니다. 알람 소리는 탭으로 돌아온 순간 재생되며, 브라우저 알림은 숨겨진 상태에서도 즉시 표시됩니다.

00:00.00

Lap 기록

스톱워치가 동작 중일 때 Lap 버튼(또는 L)을 눌러 구간 기록을 남겨보세요.

소리 & 알림

키보드: Space = 시작/일시정지 • R = 초기화 • L = lap

집중, 요리, 강의실, 라이브 이벤트를 위한 타이머

세 가지 모드, 밀리초 정밀도, 그리고 차이를 만드는 작은 디테일들.

한 페이지에 세 가지 모드

스톱워치, 카운트다운 타이머, Pomodoro 타이머가 하나의 큰 숫자 디스플레이를 공유합니다. 클릭으로 전환되며, 각 모드는 자체 상태와 lap을 유지합니다.

밀리초 정밀도, 드리프트 없음

performance.now 기반 — 시스템 시계 변경과 탭 스로틀링의 영향을 받지 않는 monotonic 고정밀 시계입니다. 8시간 연속 동작 시 드리프트는 100 ms 이내로 유지됩니다.

알람 + 브라우저 알림

0초가 되면 Web Audio로 beep / chime / bell이 울리고, 다른 탭에서도 보이도록 시스템 알림이 표시됩니다. 페이지 제목과 favicon도 깜빡입니다.

구간 + 누적이 모두 보이는 lap

스톱워치는 무제한 lap을 기록하며 구간 시간과 누적 시간을 모두 보여줍니다 — 인터벌 트레이닝, 레이스 연습, 스피드런에 최적입니다.

전체 화면 + URL 딥링크

강의실, 라이브스트림, 이벤트를 위한 원클릭 전체 화면. `/?t=300`을 공유하면 5분 타이머가 즉시 실행됩니다 — 별도 설정이 필요 없습니다.

설계부터 프라이버시 우선

모든 틱은 사용자 기기의 JavaScript에서 실행됩니다. 타이머 이벤트, lap, Pomodoro 카운트는 어떤 것도 외부로 전송되지 않습니다. DevTools → Network를 열어 외부 요청이 0건임을 직접 확인할 수 있습니다.

스톱워치와 타이머 사용 방법

같은 큰 숫자 디스플레이를 사용하는 네 가지 방법.

  1. 1

    모드 선택

    상단에서 스톱워치, 카운트다운, Pomodoro를 클릭하세요. 각 모드는 자체 상태를 유지하므로 — 나중에 다시 돌아오면 이어서 사용할 수 있습니다.

  2. 2

    Lap이 있는 스톱워치

    시작(또는 Space)을 누르면 0부터 밀리초 정밀도로 카운트업합니다. Lap(또는 L)을 누르면 구간이 기록됩니다 — 아래 표에 구간 시간과 누적 시간이 모두 표시됩니다. 초기화는 모든 기록을 지웁니다.

  3. 3

    카운트다운 타이머

    입력란에 시간을 입력하세요 — 예: 5m, 1h 30m, 25:00, 또는 단순히 10분을 의미하는 10 — 그리고 설정을 누르세요. 또는 빠른 프리셋 칩을 클릭해도 됩니다. 시작을 누르면 진행되며, 0초가 되면 알람이 울리고 제목이 깜빡이며 (허용한 경우) 시스템 알림이 표시됩니다.

  4. 4

    Pomodoro 집중 시간

    프리셋(기본 25 / 5 / 15)을 선택하거나 직접 집중 / 짧은 휴식 / 긴 휴식 분 수와 사이클 수를 입력하세요. 타이머는 집중 → 짧은 휴식 → 집중 → … 순으로 자동 진행되며, 설정한 사이클 수가 지나면 긴 휴식이 삽입됩니다. 하단의 사이클 카운터가 완료한 집중 블록 수를 보여줍니다.

사용 사례

브라우저 타이머가 휴대전화나 주방 타이머보다 나은 네 가지 일반적인 시나리오.

Pomodoro / 딥워크 세션

25분 집중과 5분 휴식으로 방해 요소를 차단하세요. 탭이 숨겨져 있어도 브라우저 알림으로 상황을 인지할 수 있고, 사이클 카운터로 오늘 완료한 블록 수를 확인할 수 있습니다.

요리, 베이킹 & 우려내기

삶은 달걀(6분), 빵 반죽 발효(1시간), 차 우리기(3분), 쿠키 굽기(12분). 원클릭 프리셋이 가장 흔한 주방 시간들을 커버합니다.

HIIT, 인터벌 트레이닝 & 발표 연습

스프린트 세트는 lap이 있는 스톱워치, Tabata 20초 / 10초는 카운트다운, TED 스타일 18분 발표 연습에도 활용하세요. 알람이 초과 시점을 정확히 알려줍니다.

강의실, 라이브스트림 & 이벤트 타이밍

전자칠판에 전체 화면을 띄워 학급 전체와 공유하세요. `?t=45m`을 공유하면 학생들이 동일한 카운트다운을 자기 기기에서 실행할 수 있습니다. 라이브스트림 오버레이에 딥링크를 임베드하여 경매나 경품 카운트다운으로 활용할 수도 있습니다.

100% 프라이빗 — 브라우저에서 실행

타이머 이벤트, lap 시간, Pomodoro 카운트는 기기를 절대 떠나지 않습니다. DevTools → Network를 열어 사용 중 외부 요청이 0건임을 확인할 수 있습니다.

  • 모든 타이밍, 알람 소리(Web Audio API), lap 기록은 사용자 기기의 JavaScript로 실행됩니다 — 페이지 소스에서 확인 가능합니다.
  • 브라우저 알림은 표준 `Notification.requestPermission` 흐름을 사용하며, 로컬에 저장된 설정 외에는 어떤 것도 저장하지 않습니다.
  • 로그인 없음, 타이머 값에 대한 텔레메트리 없음, 외부 API 없음. 쿠키 동의 상태와 언어 설정용 쿠키 단 두 개만 사용합니다.

관련 가이드

집중, 생산성, 브라우저 타이밍 정밀도에 대한 엄선된 튜토리얼.

자주 묻는 질문

이 타이머는 얼마나 정확한가요?

매우 정확합니다. 시스템 시계 변경의 영향을 받지 않는 고정밀 monotonic 시계인 `performance.now`를 타이밍 기준으로 사용하고, 화면 렌더링은 `requestAnimationFrame`이 담당합니다. 8시간 스톱워치 실행 시 드리프트는 100 ms 이내이며, 1초 미만 단위가 중요한 경우(스포츠, 과학, 음악)에도 표시되는 100분의 1초가 휴대전화의 스톱워치 앱과 일치합니다.

탭을 전환해도 타이머가 계속 동작하나요?

네. 표시 시간은 monotonic 기준점(`performance.now`)에서 계산되므로, 브라우저가 숨겨진 탭의 JavaScript를 스로틀링하더라도 종료 이벤트는 정상적으로 발생하며 탭으로 돌아왔을 때 경과 시간이 정확합니다. 알람 소리는 탭으로 돌아온 순간 재생되며, 브라우저 알림은 숨겨진 상태에서도 즉시 표시됩니다.

Pomodoro 기법이란 무엇인가요?

Pomodoro는 1980년대 후반 Francesco Cirillo가 개발한 시간 관리 방법입니다. 25분의 집중 시간과 5분의 짧은 휴식을 교차로 진행하고, 네 번째 집중 시간 이후에는 15–20분의 긴 휴식을 취합니다. 일정한 리듬은 결정 피로를 줄이고 뇌의 자연스러운 ultradian 리듬을 활용합니다. 기본 프리셋은 25 / 5 / 15에 4 사이클이며, 자유롭게 수정할 수 있습니다.

타이머 링크를 공유할 수 있나요?

네. URL에 `?t=`을 붙이면 됩니다. 예: 5분 타이머는 `https://timer.ikit.app/?t=300`, 또는 `?t=25m`, `?t=1h30m`. 스톱워치는 `?stopwatch=1`, Pomodoro는 `?pomodoro=1`로 딥링크할 수 있습니다. 즐겨찾기에 추가하거나 수업 계획에 포함하거나 채팅으로 공유하세요.

서버로 전송되는 데이터가 있나요?

없습니다. 타이머, 알람 소리, lap 기록, Pomodoro 상태, 알림은 모두 브라우저에서 동작합니다. 어떤 타이밍 이벤트도 기기를 떠나지 않습니다. DevTools → Network에서 직접 확인할 수 있으며, 사용 중 외부 요청은 0건입니다. 쿠키 동의 상태와 언어 설정용 쿠키 두 개만 사용합니다.