사용 방법
- 시간, 분, 초를 입력하거나 5분, 25분 같은 빠른 설정 버튼을 누릅니다.
- "시작"(또는 스페이스바)을 누르면 카운트다운이 시작됩니다. "일시정지"로 멈추고 "계속"으로 이어 갑니다.
- 소리와 음량을 고르고, 시작하기 전에 "소리 들어 보기"로 들어 봅니다. "끌 때까지 계속 울리기"를 체크하면 "알람 끄기"를 누를 때까지 반복합니다.
- "전체 화면"을 누르면 멀리서도 보이게 시간이 크게 표시됩니다. 주소에 5분이면 ?t=300처럼 길이가 남으므로 타이머를 즐겨찾기할 수 있습니다.
예시
0시간 5분 0초
→ 05:00에서 00:00까지 줄어들고 "시간이 다 됐습니다!"와 알람5분 버튼을 누른 것과 같습니다.
1시간 30분 0초
→ 1:30:001시간 이상이면 앞에 시간이 붙습니다.
주소 끝이 ?t=1500
→ 타이머가 25:00으로 맞춰져 열림25분 단위로 일하고 쉬는 방식에 편합니다.
계산 방식
타이머는 끝나야 하는 순간을 브라우저의 고해상도 시계로 기억해 두고, 프레임마다 그 순간과 지금의 차이를 보여 줍니다. 눈금마다 카운터에서 빼는 방식이 아닙니다. 그런 방식은 탭이 뒤로 가서 브라우저가 타이머를 늦출 때 어긋나거나 느려집니다. 페이지가 숨겨져 프레임이 그려지지 않을 때도 끝을 알아채도록 더 느린 점검도 간격으로 함께 돌립니다. 일시정지는 남은 시간을 보관하고, 계속하면 새 끝 순간을 정합니다.
알람은 Web Audio API로 만듭니다. 짧은 음 몇 개, 길게 사라지는 종소리, 디지털 삑 소리 중에서 정한 음량으로 냅니다. 내려받는 것은 없습니다. 브라우저는 사용자가 페이지와 상호작용하기 전에는 소리를 시작하지 못하게 하므로, "시작"이나 "소리 들어 보기"를 누를 때 소리를 켭니다. 남은 시간은 탭 제목에도 넣어서 다른 탭에서도 볼 수 있습니다.
입력란과 짧은 표기를 시간 길이로 바꾸는 함수와 표시는 테스트로 확인합니다. 동작 중인 타이머, 알람, 전체 화면은 실제 브라우저에서 확인합니다.
출처
자주 묻는 질문
- 다른 탭으로 가도 타이머가 계속 가나요?
- 네. 눈금을 세는 것이 아니라 브라우저의 시계와 끝나야 할 순간으로 남은 시간을 계산하므로, 뒤에 있는 탭이라고 느려지지 않습니다. 페이지가 열려 있고 브라우저가 소리를 허용하는 한 알람도 뒤에서 울립니다.
- 알람이 왜 안 울렸나요?
- 브라우저는 사용자가 페이지에서 무언가를 누른 뒤에야 소리를 허용합니다. "시작"을 누르는 것도 해당하므로 직접 시작한 타이머는 울립니다. ?t= 주소로 열고 한 번도 누르지 않았다면 먼저 "시작"을 누르세요. 음량이 올라가 있는지, 소리가 "소리 없음"이 아닌지도 확인하세요.
- 얼마나 정확한가요?
- 남은 시간을 초 단위로 올림해 보여 주므로 00:01은 최대 1초입니다. 끝은 고해상도 시계로 판단하므로 오차는 기기가 페이지를 깨우는 속도를 빼면 몇 밀리초 이내입니다.
- 타이머를 여러 개 동시에 쓸 수 있나요?
- 한 페이지에 하나입니다. 두 번째 타이머는 다른 탭에서 페이지를 열어 쓰세요. 탭마다 따로 동작합니다.
- 서버로 전송되는 것이 있나요?
- 아니요. 타이머와 소리는 브라우저에서 동작하며 설정한 것은 밖으로 나가지 않습니다.
- 가장 긴 시간은 얼마인가요?
- 99시간 59분 59초입니다.
관련 도구
버전 기록
- 1.0.1 — 검색 제목에서 도구의 핵심 작업과 무료·온라인 사용 여부를 더 분명하게 안내합니다.
- 1.0.0 — 첫 공개.