타이머

사용 방법

1. 시·분·초를 입력하거나 ‘5분’, ‘10분’ 같은 빠른 설정 버튼을 누르면 위쪽 큰 숫자에 카운트다운할 시간이 표시돼요.
2. ‘시작’을 누르면 카운트다운이 시작되고 진행 막대가 차올라요. 중간에 ‘일시정지’, ‘계속’을 누를 수 있고, 시간이 더 필요하면 ‘+1분’을 누르세요.
3. 시간이 되면 알람음이 세 번 울리고 화면이 깜빡이며, 지원되는 휴대폰은 진동해요. ‘데스크톱 알림’을 켜고 허용하면 다른 창에 있어도 알림이 떠요. ‘초기화’를 누르면 설정 화면으로 돌아가요.

사용 예시

‘분’에 90을 넣고 나머지는 0으로 두면 01:30:00으로 자동 환산돼요. ‘초’에만 75를 넣으면 00:01:15로 표시돼요.

오후 2시 00분 00초에 5분 타이머를 시작하고 다른 탭에서 작업한다고 해 봅시다. 브라우저가 백그라운드 탭의 타이머를 1분에 한 번만 깨우더라도, 2시 07분 12초에 돌아오는 순간 바로 종료로 판정해 00:00:00을 표시하고 알려 줘요. 떠날 때의 숫자부터 이어서 세지 않아요.

10분 타이머를 2분 30초 지난 시점에 일시정지하면 화면은 00:07:30, 진행 막대는 25%에서 멈춰요. 여기서 ‘+1분’을 누르면 남은 시간은 00:08:30, 전체 시간은 11분이 되고 막대는 약 22.7%로 돌아가요.

결과 해석

• 초는 올림으로 표시해요. 0.2초가 남아도 00:00:01로 보이고, 정말 시간이 됐을 때만 00:00:00이 돼요. 그래서 시작을 누른 순간에는 1초 적은 시간이 아니라 설정한 시간이 그대로 보여요.
• 진행 막대는 '지난 시간 ÷ 전체 시간'이에요. ‘+1분’을 누르면 전체 시간도 늘어나서 막대가 조금 뒤로 돌아가요.
• 카운트다운 중이거나 일시정지 중에는 브라우저 탭 제목에 ⏳ 또는 ⏸와 남은 시간이 표시되어 다른 탭에서도 확인할 수 있어요. 시간이 되면 탭 제목이 ‘⏰ 시간이 다 됐어요!’로 바뀌어요.

원리와 계산 방법

• 시작할 때 '종료 시각 = 현재 + 설정 시간'을 기록하고, 0.25초마다 '종료 시각 − 현재'로 남은 시간을 다시 계산해요. 1초씩 빼는 방식이 아니어서 타이머 지연이 오차로 쌓이지 않아요.
• 일시정지하면 그 시점의 남은 시간을 저장하고, ‘계속’을 누르면 '현재 + 남은 시간'으로 새 종료 시각을 정해요. 일시정지 동안에는 시간이 줄지 않아요.
• 브라우저는 백그라운드 탭의 일반 타이머를 느리게 실행하므로, 화면을 갱신하는 신호는 Web Worker에서 보내요. 탭이 다시 보이면 즉시 다시 계산해요.
• 알람음은 Web Audio API로 880 Hz 소리를 세 번 즉석에서 만들기 때문에 음원 파일을 내려받을 필요가 없고 오프라인에서도 작동해요. 데스크톱 알림은 브라우저의 Notification API를 사용하며, 체크했을 때만 권한을 요청해요.

한계와 주의점

• 시간은 기기의 시스템 시계를 기준으로 해요. 카운트다운 중에 컴퓨터 시간을 바꾸거나 자동 시간 동기화가 일어나면 남은 시간도 함께 바뀌어요.
• 휴대폰이 잠겨 있거나 절전 모드이거나 브라우저가 일시 중지된 동안에는 웹페이지가 백그라운드에서 소리를 낼 수 없어, 페이지로 돌아와야 알림이 나타날 수 있어요. 반드시 제시간에 깨어나야 한다면 휴대폰 기본 알람을 사용하세요.
• 페이지를 닫거나 새로고침하면 카운트다운이 멈추고 설정도 남지 않아요.
• 최대 99:59:59, 최소 단위는 1초예요.

자주 묻는 질문

💬 답을 찾지 못했나요? 이 도구의 문제를 신고하거나 의견을 보내 주세요