附日夜地圖的免費世界時鐘

主要功能

• 即時世界地圖：向量世界地圖用 D3.js 繪製，陸地會跟著你選的主題換顏色。地圖上夜晚的那一半會依太陽直射點即時加上陰影，太陽在哪裡已經下山，直接看得到。
• 超過 580 座城市，37 種 UTC 偏移全都有：可搜尋的城市資料庫涵蓋全球目前使用的 37 種 UTC 偏移，連 UTC+5:30（加爾各答）、UTC+5:45（加德滿都）、UTC+8:45（尤克拉）這種不是整點的也包含在內。
• 日夜卡片：當地太陽還沒下山，卡片是淺色；太陽一下山就變深色。看顏色比看數字更快知道那邊是白天還是晚上。
• 游標移入與點選：把游標移到卡片上，地圖上對應的定位點和提示框就會亮起。點一下卡片可以鎖定標示，點卡片以外的任何地方（包括地圖）就會解除。
• 拖曳排序：卡片可以拖到任何位置，順序完全由你決定，最常看的城市可以排在前面。
• 自動處理日光節約時間：每座城市都對應一個 IANA 時區（例如 America/New_York），日光節約時間的切換由瀏覽器自動處理，一年兩次的調整都不用你動手。
• 電腦、手機都能用：電腦上有完整的地圖和拖曳功能。手機上的地圖只能看、不能點，搜尋框在單欄卡片清單的上方，卡片好點按，也有清楚的移除按鈕。
• 8 種主題色彩：深色、淺色、紅色、藍綠色、藍色、紫色、綠色、石板灰，和本站其他工具共用同一組主題。
• 斷網後仍持續運作：頁面載入後，即使沒有網路，時鐘也會繼續走，地圖上的夜晚區域也會繼續更新。不過重新整理頁面就需要連線，因為地圖和城市清單是在載入時才下載的。

如何使用世界時鐘

步驟一：加入城市

在電腦上，到地圖左上角的搜尋框輸入城市名稱；在手機上，搜尋框在卡片上方。一邊打字，下拉選單就會列出符合的城市，點一下就加入。也可以只用鍵盤：用方向鍵在清單裡移動，按 Enter 就會加入反白的城市。

步驟二：查看當地時間

每加入一座城市，地圖上會多一個小定位點，下方也會多一張卡片。卡片上有城市名稱、國家、當地現在的時間和今天的日期。淺色卡片表示當地是白天，深色卡片表示太陽已經下山。

步驟三：移入或點選卡片

用滑鼠把游標移到卡片上，地圖上對應的定位點會亮起，提示框會顯示城市的完整名稱。點一下卡片可以把標示鎖定在地圖上，頁面也會自動捲回地圖。點卡片以外的任何地方就會解除鎖定；點另一張卡片，則會改成鎖定那一張。直接把游標移到地圖上的定位點，也會出現一樣的提示框。

步驟四：拖曳重新排序

用滑鼠按住卡片，拖到想要的位置再放開，新的順序會立刻儲存。

步驟五：移除城市

把游標移到卡片上，左上角會出現一個小小的 × 按鈕，點一下就會移除卡片和地圖上的定位點。在手機上，× 按鈕會一直顯示。

什麼時候會用到線上世界時鐘

遠距與跨國團隊

團隊分散在好幾個國家時，看世界時鐘比心算快，也不會在同事那邊凌晨三點的時候傳訊息過去。把同事所在的城市加進來，再把自己的城市拖到最前面，一看就知道現在誰還在上班。

安排跨國通話

舊金山上午 9 點打給東京會不會太晚？把兩座城市都加進來，直接看時間就知道。卡片的深淺也看得出哪一邊是白天、哪一邊已經天黑，要決定由哪一邊遷就時間時很好用。

在海外的親友

「媽媽那邊現在幾點？」看一眼就知道。城市只要加一次，以後就不用再心算是 +7 還是 +12 小時了。

規劃旅行

出發前先把目的地加進來，可以提早習慣那邊的時間。到了當地，也能隨時對照家裡現在幾點，調時差時比較有概念。

交易與金融市場

很多金融市場是用交易所當地的時區公布開盤時間，例如東京 09:00 JST 開盤。把相關城市加進來，就能直接看到那個時區的時間，日光節約時間也會自動處理。

體育賽事、電競與直播

「這場比賽在我這裡是幾點？」如果賽事公告寫 20:00 CET，而你人在台北，就把柏林和台北都加進來，兩地時間並排，一看就知道在台灣是幾點開打。

世界時鐘背後的運作原理

• 地圖是一張 SVG，用 D3.js 從國界的 GeoJSON 檔繪製。採用等距圓柱投影（把經緯度直接攤平），經度和緯度可以直接換算成像素位置，所以定位點很好擺。
• 地圖上夜晚的那一半，是以對日點（地球上正對太陽另一側的點）為中心畫出的 90 度圓。找出這個點要用到兩個常見的太陽公式：太陽赤緯和均時差，再加上你電腦的 UTC 時鐘，每分鐘更新一次。
• 資料庫裡每座城市都對應一個 IANA 時區。瀏覽器透過 Intl.DateTimeFormat({ timeZone: ... }) 把 UTC 換算成當地時間，所以日光節約時間的規則直接來自瀏覽器內建的時區資料庫，只要瀏覽器有更新，規則就是最新的。
• 你選的城市、排列順序和主題都存在 localStorage，不會傳送到任何伺服器。

使用技巧

• 把自己的城市拖到第一個，其他卡片就能直接看成和「你這裡」差幾個小時。
• 亞洲城市放一起，接著歐洲，再來美洲。卡片會自動換行，照地區排好之後，掃一眼就找得到。
• 通話時分享畫面，可以先點一下卡片，讓定位點一直亮著，對方就知道你說的是哪座城市。
• 地圖上的陰影是真的：深色的那一半，就是此刻太陽已經下山的地方，邊緣就是正在日出和日落的那條線。定位點如果剛好落在深色區域的邊緣內側，那裡可能剛日落，也可能快要日出了。
• 還沒打字前先點一下搜尋框，就會列出熱門城市，像新加坡、多倫多，點一下就能加入，完全不用輸入。

常見問題