世界時鐘線上 - 全球城市即時時間

主要功能

• 即時世界地圖:向量世界地圖(以 D3.js 建構)以您的主題色繪製每個大洲。夜側則使用太陽的下中天點即時著色 - 您可以實際看到太陽下山的位置。
• 1,300+ 城市,涵蓋每個 IANA 時區:可搜尋的資料庫涵蓋每個有人口的時區,包括 UTC+5:30(加爾各答)、UTC+9:30(阿德雷得)、UTC+12:45(查塔姆群島)等不尋常時區。
• 晝/夜卡片:每張城市卡片在當地是白天時為淺色,在當地是夜晚時為深色 - 比單純讀時鐘上的數字更快理解的視覺提示。
• 懸停與點擊地圖:懸停卡片以在地圖上突顯其圖釘與工具提示。點擊以鎖定突顯 - 在您想於螢幕截圖或通話中指出某個城市時很有用。點擊外側即可釋放。
• 拖放重新排序:拖曳任何卡片到新位置。順序由您決定 - 把家鄉城市放在第一,然後放您最常查看的城市。
• 本機儲存:您的城市、它們的順序與主題都儲存在瀏覽器的 localStorage 中。無帳號、無伺服器、無追蹤。
• 自動處理日光節約時間:每個城市都標記了 IANA 時區(例如 America/New_York),因此瀏覽器會為您處理日光節約時間轉換 - 一年無須手動更新兩次。
• 支援任何裝置:桌面端有完整地圖與拖放功能。行動裝置上的地圖為唯讀,搜尋位於單欄卡片清單上方。卡片便於點擊,並有清楚的移除按鈕。
• 8 種主題色:深色、淺色、紅色、青色、藍色、紫色、綠色、石板灰。世界時鐘與 stopwatch-online.com 其餘部分一致。
• 可離線使用:頁面載入後,世界時鐘會持續跳動並更新地圖夜側,無須連線。

如何使用世界時鐘

步驟 1:新增城市

在桌面端,於地圖左上角的搜尋框中輸入城市名稱。在行動裝置上,搜尋框位於卡片上方。當您輸入時,相符的城市會出現在下拉選單中 - 挑選一個即可一鍵加入。您也可以按下 + 按鈕新增已突顯的建議。

步驟 2:讀取當地時間

您新增的每個城市會獲得兩樣東西:世界地圖上的小圖釘與下方的卡片。每張卡片顯示城市名稱、國家、當前當地時間與今日日期。淺色卡片 = 那裡是白天。深色卡片 = 那裡是深夜。

步驟 3:懸停或點擊以查看詳情

用滑鼠懸停卡片,對應的圖釘會在地圖上亮起並顯示城市完整名稱的工具提示。點擊卡片以在地圖上鎖定該突顯 - 頁面也會捲回地圖,讓您能看見它。點擊地圖外或其他卡片以釋放。直接懸停地圖上的圖釘也會有相同效果。

步驟 4:拖曳重新排序

用滑鼠按住任何卡片,拖到您想要的位置,然後放下。新順序會立即儲存。這是把家鄉城市放第一並依地區分組城市最簡單的方法。

步驟 5:移除城市

懸停卡片時,左上角會出現一個小 × 按鈕。點擊它以從地圖移除卡片與其圖釘。在行動裝置上,× 始終可見。

何時使用線上世界時鐘

遠距與分散式團隊

如果您的團隊分散在多個國家,世界時鐘比心算更快 - 您不會想成為在隊友當地凌晨 3 點傳訊息的人。新增同事所在的城市,將家鄉城市拖到最前面,一眼就能看出誰在工作。

安排國際通話

需要知道舊金山的早上 9 點是不是太晚打給東京?新增兩個城市並直接讀取時間。深色/淺色著色也告訴您哪一邊正舒適清醒,哪一邊將會昏昏沉沉 - 在挑選會議主持人時是有用的資訊。

海外家人與朋友

「媽媽住的地方現在幾點?」 - 一眼就知道。新增城市一次,以後您再也不必做 +7 / +12 小時的心算。

旅行規劃

搭機前,新增目的地以開始心理調整。落地後,時鐘對時差也很有幫助 - 知道您的身體認為現在幾點 vs. 當地時鐘顯示幾點是時差調整的一半關鍵。

交易與市場

許多金融市場以當地交易所的時區列出開盤時間(例如東京 09:00 JST 開盤)。新增相關城市,您將永遠以正確的時區看到時間,日光節約時間自動處理。

體育、電競與直播

「比賽這裡幾點開始?」 - 如果比賽宣告為 20:00 CET 而您住在聖保羅,只要新增柏林與聖保羅,即可並排讀取兩個時間。

世界時鐘背後的運作原理

• 地圖是用 D3.js 從國界的 GeoJSON 檔繪製的單一 SVG。等矩形投影(平面緯度/經度)讓圖釘放置變得簡單 - 緯度與經度直接對應到像素。
• 地圖夜側以圍繞反日點(地球上太陽對面的點)的 90° 地理圓繪製。使用 NOAA 公布的相同太陽位置三角學:太陽赤緯 + 時間方程 + 您電腦的 UTC 時間。每分鐘更新一次。
• 資料庫中的每個城市都標記了 IANA 時區。瀏覽器透過 Intl.DateTimeFormat({ timeZone: ... }) 將 UTC 轉換為當地時間 - 這意味著日光節約時間規則繼承自瀏覽器的 tz 資料庫,並會與您的瀏覽器同步保持最新。
• 已選城市、它們的順序與您的主題都儲存到 localStorage。沒有任何資料傳送到伺服器。

技巧與訣竅

• 把家鄉城市釘在第一。把它拖到位置 #1,讓其他每張卡片都能讀作與「您的時間」的差距。
• 依地區分組。把亞洲城市放一起,然後是歐洲、美洲。卡片網格會自動換行,視覺節奏讓掃讀更容易。
• 使用點擊鎖定的小技巧。在通話中分享螢幕時,點擊卡片以保持圖釘突顯 - 讓對方確切知道您指的是哪個城市。
• 地圖上的著色是真實的。您看到橫越地圖的深色帶是現在實際的黎明/黃昏線。如果某個城市的圖釘位於深色帶內,日落還沒完全發生但已接近。
• 卡片會記住順序。不要害怕把不需要的城市放到底部 - 您之前的順序會以瀏覽器為單位儲存。

常見問題