온라인 세계 시계 - 전 세계 도시의 실시간 시간

주요 기능

• 실시간 세계 지도: 벡터 세계 지도 (D3.js로 제작)가 모든 대륙을 사용자의 테마 색상으로 렌더링합니다. 밤 측은 태양의 직하점을 사용하여 실시간으로 음영 처리되므로 - 말 그대로 태양이 어디에서 졌는지 볼 수 있습니다.
• 1,300개 이상의 도시, 모든 IANA 시간대: UTC+5:30 (콜카타), UTC+9:30 (애들레이드), UTC+12:45 (채텀 제도) 같은 특이한 것을 포함해 모든 인구 거주 시간대를 커버하는 검색 가능한 데이터베이스.
• 낮 / 밤 카드: 각 도시 카드는 그곳이 낮이면 밝고 밤이면 어둡습니다 - 시계의 숫자보다 빠르게 읽을 수 있는 시각적 단서입니다.
• 지도에서 마우스 오버 및 클릭: 카드 위에 마우스를 올리면 지도에서 해당 핀과 툴팁이 강조 표시됩니다. 클릭하면 강조 표시가 고정됩니다 - 스크린샷이나 통화에서 도시를 가리킬 때 유용합니다. 외부를 클릭하면 해제됩니다.
• 드래그 앤 드롭 순서 변경: 모든 카드를 새 위치로 드래그하세요. 순서는 사용자의 것입니다 - 고향 도시를 먼저 두고 가장 많이 확인하는 도시를 다음에 두세요.
• 로컬 저장: 도시, 순서, 테마가 모두 브라우저의 localStorage에 있습니다. 계정, 서버, 추적이 없습니다.
• 일광 절약 시간 자동 처리: 각 도시는 IANA 영역 (예: America/New_York)으로 태그되므로 브라우저가 DST 전환을 처리합니다 - 1년에 두 번 수동 업데이트가 없습니다.
• 모든 기기에서 작동: 데스크톱에서 전체 지도와 드래그 앤 드롭. 모바일에서는 지도가 읽기 전용이며 검색이 단일 열 카드 목록 위에 있습니다. 카드는 명확한 제거 버튼으로 탭하기 쉽습니다.
• 8가지 테마 색상: 다크, 라이트, 레드, 틸, 블루, 퍼플, 그린, 슬레이트. 세계 시계는 stopwatch-online.com의 나머지와 일치합니다.
• 오프라인 작동: 페이지가 로드되면 세계 시계는 연결 없이도 시간을 계속 똑딱이고 지도의 밤 측을 업데이트합니다.

세계 시계 사용 방법

1단계: 도시 추가

데스크톱에서는 지도의 왼쪽 상단 모서리에 있는 검색 상자에 도시 이름을 입력하세요. 모바일에서는 검색 상자가 카드 위에 있습니다. 입력하는 동안 일치하는 도시가 드롭다운에 나타납니다 - 하나를 선택하면 한 번의 클릭으로 추가됩니다. + 버튼을 눌러 강조 표시된 제안을 추가할 수도 있습니다.

2단계: 현지 시간 읽기

추가하는 모든 도시는 두 가지를 얻습니다: 세계 지도의 작은 핀과 아래의 카드. 각 카드는 도시 이름, 국가, 현재 현지 시간, 오늘 날짜를 보여줍니다. 밝은 카드 = 그곳이 낮입니다. 어두운 카드 = 한밤중입니다.

3단계: 마우스 오버 또는 클릭으로 세부 정보 보기

마우스로 카드 위에 호버하면 도시의 전체 이름이 표시된 툴팁과 함께 지도의 해당 핀이 켜집니다. 카드를 클릭하면 지도에서 강조 표시가 고정됩니다 - 페이지도 다시 지도로 스크롤되어 볼 수 있습니다. 지도 외부 또는 다른 카드를 클릭하면 해제됩니다. 지도에서 핀에 직접 호버해도 동일하게 작동합니다.

4단계: 드래그로 순서 변경

마우스로 카드를 누르고 원하는 위치로 드래그한 다음 놓으세요. 새 순서가 즉시 저장됩니다. 이것은 고향 도시를 먼저 두고 지역별로 도시를 그룹화하는 가장 쉬운 방법입니다.

5단계: 도시 제거

카드 위에 호버하면 왼쪽 상단 모서리에 작은 × 버튼이 나타납니다. 클릭하여 카드와 지도의 핀을 제거하세요. 모바일에서는 ×가 항상 표시됩니다.

온라인 세계 시계를 사용해야 할 때

원격 및 분산 팀

팀이 여러 국가에 흩어져 있다면 세계 시계는 머릿속 계산보다 빠릅니다 - 동료에게 그쪽 시간 새벽 3시에 DM을 보내는 사람이 되고 싶지 않을 것입니다. 동료가 사는 도시를 추가하고 고향 도시를 맨 앞으로 드래그하면 한눈에 누가 책상에 있는지 알 수 있습니다.

국제 통화 일정

샌프란시스코의 오전 9시가 도쿄에 전화하기에 너무 늦은지 알아야 하나요? 두 도시를 모두 추가하고 시간을 직접 읽으세요. 어두운/밝은 음영도 어느 쪽이 편안하게 깨어 있고 어느 쪽이 비몽사몽한지 알려줍니다 - 회의 호스트를 선택하는 데 유용한 정보입니다.

해외 가족 및 친구

"엄마가 사는 곳은 지금 몇 시야?" - 한 번 보면 됩니다. 도시를 한 번 추가하면 +7 / +12시간 머릿속 계산을 다시는 할 필요가 없습니다.

여행 계획

비행 전에 목적지를 추가하면 정신적으로 적응을 시작할 수 있습니다. 착륙 후에도 시계는 시차 적응에 도움이 됩니다 - 신체가 생각하는 시간 vs. 현지 시계가 말하는 시간을 아는 것이 절반의 싸움입니다.

거래 및 시장

많은 금융 시장은 현지 거래소의 시간대로 개장 시간을 나열합니다 (예: 도쿄는 09:00 JST에 개장). 관련 도시를 추가하면 항상 올바른 영역의 시간을 볼 수 있으며 DST가 자동으로 처리됩니다.

스포츠, e스포츠 및 라이브 방송

"여기에서 경기는 몇 시에 시작해?" - 게임이 20:00 CET로 발표되고 상파울루에 산다면 베를린과 상파울루를 추가하고 두 시간을 나란히 읽으세요.

세계 시계가 내부적으로 작동하는 방법

• 지도는 국가 경계 GeoJSON 파일에서 D3.js로 그려진 단일 SVG입니다. 등정방형 투영 (평평한 위도/경도)이 핀 배치를 사소하게 만듭니다 - 위도와 경도가 픽셀에 직접 매핑됩니다.
• 지도의 밤 측은 반태양점 (태양 반대편 지구의 점) 주위의 90° 지리적 원으로 렌더링됩니다. NOAA가 발표한 동일한 삼각법이 사용됩니다: 태양 적위 + 균시차 + 컴퓨터의 UTC 시계. 매분 업데이트됩니다.
• 데이터베이스의 각 도시는 IANA 시간대로 태그됩니다. 브라우저는 Intl.DateTimeFormat({ timeZone: ... })를 통해 UTC를 현지 시간으로 변환합니다 - 즉, DST 규칙이 브라우저의 tz 데이터베이스에서 상속되며 브라우저가 그렇게 하는 한 최신 상태로 유지됩니다.
• 선택된 도시, 순서, 테마는 localStorage에 저장됩니다. 서버로 전송되는 것은 없습니다.

팁 & 트릭

• 고향 도시를 먼저 고정하세요. 1번 위치로 드래그하면 다른 모든 카드가 "본인의 시간"으로부터의 차이로 읽힙니다.
• 지역별로 그룹화하세요. 아시아 도시를 함께 묶고, 그 다음 유럽, 그 다음 아메리카. 카드 그리드가 자동으로 줄바꿈되며 시각적 리듬이 스캔하기 쉽게 만듭니다.
• 클릭하여 잠금 트릭을 사용하세요. 통화에서 화면을 공유할 때 카드를 클릭하여 핀을 강조 상태로 유지하세요 - 상대방이 어느 도시를 가리키는지 정확히 알 수 있도록.
• 지도의 음영은 실제입니다. 지도를 가로지르는 어두운 띠는 지금 새벽/황혼이 일어나는 실제 선입니다. 도시의 핀이 어두운 띠 안에 있으면 일몰이 아직 일어나지 않았지만 가깝습니다.
• 카드는 순서를 기억합니다. 필요 없는 도시를 맨 아래로 드롭하는 것을 두려워하지 마세요 - 이전 순서는 브라우저별로 저장됩니다.

자주 묻는 질문