Countdown Timer

카운트다운 타이머

미래의 어떤 날짜와 시간까지 카운트다운하세요. 공유 가능한 URL, 임베드 가능한 iframe, 큰 숫자 실시간 표시. 새해, 결혼식, 제품 출시, 라이브 스트리밍 오버레이에 완벽합니다.

카운트다운 타이머 — TL;DR

미래의 어떤 날짜와 시간까지 카운트다운하세요. 공유 가능한 URL, 임베드 가능한 iframe, 큰 숫자 실시간 표시. 새해, 결혼식, 제품 출시, 라이브 스트리밍 오버레이에 완벽합니다.

Pomodoro와 스톱워치는 상대적인 시간을 측정합니다 — "지금부터 25분"이나 "이게 얼마나 오래 실행되었는지". 이 카운트다운 타이머는 절대적인 시간을 측정합니다 — "이 특정 날짜와 시간까지 얼마나 남았는지". 목표는 고정되어 있습니다: 페이지를 새로고침하거나, 내일 다시 와도, 카운트다운은 여전히 같은 순간을 가리킵니다. 이벤트에는 이것을, 작업에는 스톱워치 & 타이머를 사용하세요.

네. 공유 링크 복사를 클릭하고 어디든 붙여넣으세요 — Slack, 이메일, 트윗, 블로그 게시물. URL에는 전체 상태(목표 시간 + 선택적 제목)가 포함되어 있어, 받는 사람이 열면 어떤 기기에서든 같은 순간까지의 동일한 카운트다운을 보게 됩니다. 계정도 필요 없습니다.

이벤트 제목, 날짜, 공유된 링크는 절대 사용자의 기기를 떠나지 않습니다. DevTools → Network를 열면 사용 중 외부 요청이 0건임을 확인할 수 있습니다.

:
시간
:
:

빠른 프리셋

단순한 숫자 그 이상

이벤트, 라이브 스트리밍, 강의실, 개인적인 순간을 위해 만들어졌습니다 — 단순히 커피 브레이크를 재는 용도가 아닙니다.

어떤 순간이든 카운트다운

미래의 어떤 날짜와 시간이든 선택하고, 원한다면 제목을 추가하세요. 화면은 매초 업데이트되며, 일/시/분/초가 항상 정확히 남은 시간만큼 합산됩니다.

공유 가능한 URL 딥링크

공유 링크 복사를 클릭하면 ?to=2027-01-01T00:00&title=New%20Year 같은 URL이 생성됩니다. 링크를 여는 사람은 누구나 동일한 순간까지의 동일한 카운트다운을 보게 됩니다 — 설치도, 계정도 필요 없습니다.

임베드 가능한 iframe

공유 URL에 &embed=1을 추가하면 페이지의 크롬이 제거됩니다 — 라이브 스트리밍 오버레이(OBS, Streamlabs), 블로그 게시물, 결혼식 웹사이트, 이벤트 랜딩 페이지에 임베드하기 완벽합니다. <iframe src="…?to=…&embed=1">.

이벤트 프리셋

새해, 크리스마스, "7 / 30 / 100일 후" 원클릭 프리셋. 그리고 사용한 사용자 지정 이벤트 최근 10개가 로컬에 저장되어 원클릭으로 다시 불러올 수 있습니다.

0이 되면 알람 + 페이지 깜빡임

카운트다운이 0에 도달하면 페이지가 Web Audio API 차임을 울리고 문서 제목과 favicon을 깜빡입니다 — 다른 브라우저 탭에서도 사용자가 알아챌 수 있도록.

프라이버시 중심 설계

모든 틱이 사용자의 기기에서 JavaScript로 실행됩니다. 이벤트 제목, 날짜, 클립보드 활동은 절대 전송되지 않습니다. DevTools → Network를 열어 외부 요청이 0건임을 확인하세요.

카운트다운 사용 방법

공유 가능하고 임베드 가능한 카운트다운까지 세 단계.

  1. 1

    목표 순간 선택

    날짜+시간 선택기를 클릭하여 미래의 어떤 순간이든 고르거나 프리셋(새해, 크리스마스, +7 / +30 / +100일)을 누르세요. 선택적으로 이벤트 제목을 입력하면 — "결혼식", "제품 출시", "기말 시험" — 숫자 위에 표시됩니다.

  2. 2

    공유 링크 복사

    공유 링크 복사를 클릭하고 어디든 붙여넣으세요. URL이 전체 카운트다운 상태를 인코딩하므로 — 친구, 가족, 고객, 청중 모두 클릭하면 같은 순간까지의 동일한 카운트다운을 봅니다.

  3. 3

    원하면 임베드

    라이브 스트리밍, 블로그, 결혼식 웹사이트, 이벤트 랜딩 페이지에는 공유 URL에 &embed=1을 추가하고 <iframe>에 넣으세요. 임베드 모드는 navbar, 푸터, 설정을 제거하고 — 숫자만 남깁니다.

  4. 4

    long.how.step4.title

    long.how.step4.body

크고 작은 이벤트를 위해 만들어졌습니다

공유 가능하고 임베드 가능한 카운트다운이 잠금 화면 알림을 능가하는 네 가지 일반적인 시나리오.

제품 출시 / 세일 카운트다운

랜딩 페이지에 카운트다운을 임베드하면 방문자가 출시 시점이나 플래시 세일 종료 시점을 즉시 볼 수 있습니다. URL 딥링크는 마케팅 이메일에도 적합합니다 — 받는 사람이 클릭하면 브랜드 경험을 떠나지 않고 동일한 실시간 카운트다운을 봅니다.

결혼식, 생일, 기념일

날짜를 설정하고, 제목을 붙이고, 가족 단톡방에 링크를 공유하세요. 링크를 여는 사람은 누구나 실시간 카운트다운을 봅니다 — 결혼식 웹사이트 임베드, save-the-date 이메일, 또는 그저 째깍거리며 머무는 채팅방 알림에 완벽합니다.

라이브 스트리밍 세그먼트 타이밍

&embed=1 URL을 OBS / Streamlabs의 브라우저 소스로 사용하여 스트림 시작, AMA 마감, 경품 추첨 종료, 경매 마감까지의 카운트다운을 표시하세요 — 방송 자체의 일부로서 시청자에게 보입니다.

시험 / 마감 / 프로젝트 리뷰

북마크 바에 카운트다운을 고정하면 새 탭을 열 때마다 초가 흘러갑니다. 문서 제목에도 남은 시간이 표시되므로, 탭 목록을 훑어볼 때마다 보입니다 — 부드럽지만 끊임없는 동기 부여.

100% 비공개 — 사용자의 브라우저에서 실행

이벤트 제목, 날짜, 공유된 링크는 절대 사용자의 기기를 떠나지 않습니다. DevTools → Network를 열면 사용 중 외부 요청이 0건임을 확인할 수 있습니다.

  • 모든 카운트다운 틱, 알람 소리(Web Audio API), 클립보드 쓰기는 사용자의 기기에서 JavaScript로 실행됩니다 — 페이지 소스에서 확인할 수 있습니다.
  • 저장된 이벤트는 localStorage에만 존재합니다; 서버로 동기화하지 않습니다.
  • 로그인 없음, 이벤트 제목에 대한 텔레메트리 없음, 서드파티 카운트다운 서비스 없음. cookie는 cookie 동의 상태용 1개와 언어 설정용 1개만 사용합니다.

관련 가이드

카운트다운, 라이브 스트리밍 임베드, 이벤트 마케팅에 관한 엄선된 글들.

자주 묻는 질문

Pomodoro 타이머나 스톱워치와 무엇이 다른가요?

Pomodoro와 스톱워치는 상대적인 시간을 측정합니다 — "지금부터 25분"이나 "이게 얼마나 오래 실행되었는지". 이 카운트다운 타이머는 절대적인 시간을 측정합니다 — "이 특정 날짜와 시간까지 얼마나 남았는지". 목표는 고정되어 있습니다: 페이지를 새로고침하거나, 내일 다시 와도, 카운트다운은 여전히 같은 순간을 가리킵니다. 이벤트에는 이것을, 작업에는 스톱워치 & 타이머를 사용하세요.

다른 사람과 카운트다운을 공유할 수 있나요?

네. 공유 링크 복사를 클릭하고 어디든 붙여넣으세요 — Slack, 이메일, 트윗, 블로그 게시물. URL에는 전체 상태(목표 시간 + 선택적 제목)가 포함되어 있어, 받는 사람이 열면 어떤 기기에서든 같은 순간까지의 동일한 카운트다운을 보게 됩니다. 계정도 필요 없습니다.

내 웹사이트나 라이브 스트리밍에 임베드할 수 있나요?

네. 공유 URL에 &embed=1을 추가하고 결과를 <iframe>에 넣으면 됩니다. 임베드 모드는 navbar, 푸터, 설정 패널, 광고를 숨기고 — 투명한 배경 위에 큰 숫자 화면만 남깁니다. OBS / Streamlabs 브라우저 소스, WordPress / Squarespace 임베드, Notion, 그리고 모든 표준 준수 사이트에서 작동합니다.

카운트다운이 몇 시간, 며칠 동안 정확한가요?

네. 실시간 Date.now를 절대적인 목표 밀리초와 비교합니다 — 따라서 노트북이 몇 시간 동안 잠자기 모드에 들어갔다 돌아오거나, 탭을 전환해서 브라우저가 JavaScript를 throttle하더라도, 표시되는 시간은 매 틱마다 절대 목표로부터 다시 계산됩니다. 누적 오차가 없습니다.

서버로 전송되는 것이 있나요?

아니요. 목표 시간, 이벤트 제목, 공유 링크 생성, 알람 재생 모두 브라우저 내 JavaScript로 실행됩니다. 사용한 최근 10개 이벤트는 사용자의 기기 내 localStorage에 저장됩니다. DevTools → Network를 열면 사용 중 외부 요청이 0건임을 확인할 수 있습니다.