온라인 타이머

계산 방법

온라인 타이머는 이렇게 작동합니다

‘시작’을 누르면 타이머는 1초씩 빼 나가는 대신 끝나는 시각을 기억합니다. 화면의 숫자는 매번 현재 시각과의 차이로 다시 계산하므로, 다른 탭으로 옮기거나 브라우저가 절전을 위해 백그라운드 탭을 느리게 돌려도 시간이 밀리지 않습니다.

알람음은 시작하는 순간 브라우저의 오디오 시계(Web Audio API)에 예약되어 백그라운드 탭에서도 제시간에 울립니다. 음원 파일을 내려받을 필요가 없습니다. 남은 시간은 브라우저 탭 제목에도 표시되어, 다른 창에서 작업하면서도 확인할 수 있습니다.

타이머 맞추는 방법

1. 시간·분·초를 입력하거나, 1분부터 60분까지 있는 ‘자주 쓰는 시간’ 버튼을 누릅니다.
2. ‘시작’을 누르거나 스페이스바를 누릅니다. 숫자가 줄어들고 막대로 진행 정도를 볼 수 있습니다.
3. 숫자 아래 줄에 타이머가 끝나는 시각이 나옵니다. 0이 되면 알람이 울리고, 많은 안드로이드 스마트폰에서는 진동도 함께 옵니다.

예: 오후 2시 7분에 1시간 25분 타이머를 시작하면 85분 = 5,100초이므로 01:25:00으로 표시되고 ‘15:32 종료’가 나옵니다. 2시 30분에 일시정지하면 23분이 지났고 62분이 남아 있습니다. 2시 40분에 다시 시작하면 멈춰 있던 10분만큼 뒤로 밀려 3시 42분에 끝납니다.

이럴 때 쓰기 좋습니다

• 요리: 라면 4분, 반숙 달걀 7분, 파스타 삶는 시간, 에어프라이어 조리 시간을 버튼 하나로 잴 수 있습니다.
• 공부: 모의고사 한 과목 시간 맞춰 풀기, 문제당 10분 제한처럼 시간을 나눠 공부할 때 좋습니다. 25분 집중과 5분 휴식을 자동으로 반복하려면 뽀모도로 타이머를 쓰세요.
• 운동: 플랭크 1분, 세트 사이 휴식 90초, 스트레칭처럼 정해진 시간을 잴 때 씁니다.
• 회의·발표: 발표 화면 옆에 띄워 두고 남은 시간을 관리할 수 있습니다.
• 수업·아이들: 정리 시간, 쉬는 시간, 모둠 활동 시간을 큰 화면에 보여 주기 좋습니다.

조작과 설정

시간·분·초는 최대 99:59:59까지 자유롭게 넣을 수 있고, 1, 2, 3, 5, 10, 15, 20, 30, 45, 60분은 원터치로 맞춥니다. ‘끝나면 알람음 울리기’로 소리를 켜고 끕니다. 키보드에서는 스페이스바로 시작/일시정지, R로 초기화합니다.

설정은 페이지 주소에도 저장됩니다. …/timer/?minuten=12를 즐겨찾기에 추가하면 12분으로 맞춰진 타이머가 바로 열립니다. 짧은 형식 ?t=12m(90s, 1h30m도 가능)을 쓰면 링크를 여는 순간 타이머가 시작됩니다. ‘링크 복사’로 지금 맞춘 시간의 링크를 만들어 공유할 수 있습니다.

타이머와 스톱워치의 차이

타이머는 ‘10분’처럼 정해 둔 시간에서 0까지 거꾸로 셉니다. 반대로 0부터 시간이 얼마나 지났는지 재고 랩 기록까지 남기려면 스톱워치가 맞습니다.

사이트에 넣기

이 타이머는 학교나 동아리 홈페이지에 넣을 수 있는 위젯으로도 제공됩니다. 자주 쓰는 시간 버튼, 알람음, 키보드 조작이 이 페이지와 똑같이 작동합니다.

주의할 점

스마트폰 화면을 잠그면 많은 기기가 웹 페이지 동작을 멈추기 때문에 소리가 나지 않을 수 있습니다. 또 브라우저는 사용자가 페이지를 한 번 조작한 뒤에만 소리를 낼 수 있습니다. 알람을 확실히 들으려면 클릭이나 키 입력으로 타이머를 시작하세요.

자주 묻는 질문

출처 및 근거

• MDN: Web Audio API(음원 파일 없이 알람음 재생, 영어)
• MDN: Page Visibility API(백그라운드 탭에서의 동작, 영어)

업데이트: 2026년 10월 4일 · 편집 원칙