Clock Time Puzzle 是一款在 Canvas 上呈現的五張卡片教育遊戲。每張卡片會顯示一個目標時間，玩家調整所選的數位時間，直到讀數與時鐘指針同時相符。所選時間與 Canvas 時鐘會同步更新，讓畫面直接以視覺方式檢視運算結果。
本遊戲採用固定路線，而非計時器或會變換的目標組合。當每張卡片都正確解出後，玩家可獲得 1,000 分。Clock Time Puzzle 是寓教於樂的內容，並非標準化的教學評量，也無法保證玩家已精通看時間的能力。
固定路線與精確分數
五個目標必須依下列順序解出:3:00、6:30、9:45、12:00 與 2:25。每次精確提交可得 200 分。沒有額外的倍率或加分步驟:五張正確的卡片，每張 200 分，總計剛好 1,000 分。
這條路線混合了兩個精確的整點位置與三個連續位置。在 3:00 與 12:00，時針正好落在整點刻度上。在 6:30、9:45 與 2:25，時針則已朝下一個數字移動了一段距離。這樣的組合讓固定順序既可檢驗基本幾何，也能驗證連續時針公式。
新開始或重新開始的一局會從第一張卡片的 12:00 起點開始。當卡片處於進行中時，目前目標、所選時間、目前角度、公式、狀態、錯誤次數、回饋與分數都會持續顯示。
操作方式、有效時間與原子化拒絕
小時控制項接受 1 到 12 的數值。它會依序循環這十二個數值，並從 12 折返回 1。分鐘控制項接受 00、05、10、15、20、25、30、35、40、45、50 與 55。左右方向鍵也會以同樣的五分鐘循環方式切換。
使用滑鼠與觸控螢幕的玩家可透過螢幕上的按鈕操作。使用鍵盤的玩家可以按上下方向鍵以一為單位調整小時，按左右方向鍵以五分鐘為單位調整分鐘，再按 Enter 提交。當焦點不在編輯控制項上時，按 R 可重新開始遊戲。重新開始會回到第一張卡片的 12:00，並將目前分數與錯誤次數重設為零。
無效的產品輸入為原子化無操作。當要求的數值超出支援範圍、非整數或不符合步進單位時，控制動作並不會部分變更時間。例如，小時 15、分鐘 02、分鐘 60 或非整數的分鐘都會被視為無效動作而忽略。有效的產品分鐘必須永遠是 00 到 55 之間十二個五分鐘位置的其中之一。
本遊戲可操作的控制項使用 12 小時制範圍。一個獨立的低階角度函式則接受 0 到 23 小時與 0 到 59 分鐘的常規證據數值，這也說明了為什麼像 20:14 這類向量會出現在數學檢查中，卻不會成為可選取的遊戲時間。
完成與死鎖皆為終止狀態。當五張卡片全部完成，或第二個不同的錯誤設定關閉了時鐘檔案後，時間調整與提交都會凍結，直到遊戲重新開始為止。
連續指針角度的運作方式
分針的計算較為簡單。它在 60 分鐘內轉完一圈 360 度，因此每分鐘移動 6 度:
minuteAngle = 6 × minute
時針同樣在 12 小時內轉完一圈 360 度。因此每小時移動 30 度，每經過一分鐘再移動半度:
hourAngle = 30 × (hour mod 12) + 0.5 × minute
mod 運算會將 12 映射為 0，因為 12 小時制的鐘面在轉完一整圈後會重複。因此，12:00 的時針角度為 0 度，而 3:00 的時針角度為 90 度。遊戲不接受小時 15 作為產品控制項，但這個數學項正是避免公式超出熟悉 12 小時制的關鍵。
以 6:30 為例。分針角度為 6 × 30 = 180 度，將分針指向 6。時針角度為 30 × 6 + 0.5 × 30 = 195 度。因此時針會落在 6 與 7 的正中間，而不是剛好指著任何一個數字。
同樣的連續計算在 9:45 時更為吃重。分針角度為 270 度，而時針角度為 30 × 9 + 0.5 × 45 = 292.5 度。經過 45 分鐘後，時針已從 9 朝 10 移動了四分之三的距離。若將其視為固定在 270 度，將會忽略經過分鐘所貢獻的額外 22.5 度。
劍橋大學 NRICH 對鐘面角度的解說以 20:14 作為範例，並支援相同的指針速率關係。羅格斯大學對進階時鐘主題的解說則獨立驗證了連續時針的移動與分針的六度關係。這些來源支援該幾何關係，但並未驗證遊戲的分數、操作或目標順序。
Canvas 與角度讀數所顯示的內容
Canvas 本身不包含動畫迴圈。它不會自行滴答作響，也不會在畫格之間平滑插值。相反地，它會在所選小時與分鐘變更時，以目前的數值重新繪製。數位選取與 Canvas 上的兩根指針會同步更新。
因此，可見的狀態是一個實用的交叉檢查。若目前卡片目標為 9:45，而玩家選了 8:15，則分針角度為 90 度，時針角度為 247.5 度。畫面可依分針角度／時針角度的順序讀取，清楚顯示目前時鐘尚未對上目標的 270／292.5 度組合。
五張卡片的逐步攻略
- 閱讀第一張卡片，其目標為 3:00。使用小時與分鐘控制項，將所選時間調整為 3:00。預期的分針／時針角度組合為 0／90 度。按 Enter 或使用螢幕上的提交控制項提交，獲得 200 分。
- 繼續到第二張卡片，選取 6:30。分針角度為 180 度，連續時針角度為 195 度。時針應出現在 6 與 7 的正中間。提交正確目標，獲得 200 分。
- 第三張卡片，設定為 9:45。分針會移到 270 度，而時針會移到 292.5 度。這是 9 的 270 度，再加上經過 45 分鐘所貢獻的 22.5 度。提交所選的正確時間。
- 第四張卡片回到精確的整點位置:12:00。兩者的計算角度都是 0 度，因此指針會疊在 Canvas 時鐘的頂端。提交 12:00 再得 200 分。
- 將最後一個目標設為 2:25。其分針角度為 150 度，時針角度為 72.5 度。時針已越過 2 共 12.5 度。提交正確目標以完成路線。
第五次精確提交後，分數正好達到 1,000，完成的遊戲進入終止狀態。在玩家重新開始之前，進一步的時間調整與提交都會凍結。
九個字面的時間與角度向量
本遊戲的獨立檢查採用字面的預期數值，而不是從產品實作中衍生所有預期角度。以下版本向量涵蓋五個固定路線目標，加上四個額外的數學或證據參考。角度對以分針角度／時針角度表示，自 12 點方向順時針量測。
| 時間向量 | 分針角度 | 時針角度 | 路線或證據角色 |
|---|---|---|---|
| 12:00 | 0° | 0° | 卡片 4 與重新開始的數值。 |
| 3:00 | 0° | 90° | 卡片 1。 |
| 6:30 | 180° | 195° | 卡片 2;時針位於 7 的半途。 |
| 9:45 | 270° | 292.5° | 卡片 3;時針已移動到 10 的四分之三處。 |
| 12:30 | 180° | 15° | 版本向量，非額外的遊戲卡片。 |
| 3:15 | 90° | 97.5° | 版本向量，非額外的遊戲卡片。 |
| 8:24 | 144° | 252° | 版本向量，非額外的遊戲卡片。 |
| 20:14 | 84° | 247° | 僅作為低階證據向量。 |
| 2:25 | 150° | 72.5° | 卡片 5;時針越過 2 共 12.5 度。 |
五個路線目標構成了可遊玩的 1,000 分挑戰。其餘列出的時間則提供字面的角度參考與測試涵蓋範圍;它們並不會加入隱藏卡片、替代計分規則，或可選取的 24 小時制輸入。
錯誤提交、恢復與死鎖
錯誤的提交會建立一筆可恢復的錯誤，並以目前回合以及所選的小時與分鐘作為識別。再次提交相同的錯誤設定為無操作，因此重複的動作不會再產生新的錯誤，也不會推進卡片。
當玩家提交第二個不同的錯誤設定時，恢復窗口即告結束。這個動作會關閉目前的時鐘檔案，並產生死鎖狀態。之後，時間調整與提交都會凍結。這與重複相同的錯誤不同，後者會讓同一筆可恢復的錯誤維持不變。
狀態、目標時間、所選時間、公式、目前角度、錯誤次數與回饋在整個過程中都會持續顯示。玩家可以利用這些資訊，在變更為另一組不正確的小時與分鐘組合之前，先修正第一個不同的錯誤。當焦點不在編輯控制項上時，按 R 即可完整重新開始，回到卡片 1 的 12:00、目前分數歸零、錯誤次數歸零。
遊戲所能證實的內容——以及數學來源所未能證實的部分
所有處理皆在瀏覽器內完成。本遊戲不需要帳號、上傳、API、鬧鐘、排程服務或計時器相依性，亦未對時區作任何主張。不會儲存或傳輸任何個人的時鐘歷史記錄。共用的遊戲外殼提供最佳分數，而目前路線與目前總分則在遊玩過程中持續可見。
兩份所引用的來源證實了公式中所使用的分針與時針速率。它們並未確認遊戲接受這些數值、五張卡片會依所述順序出現，或是正確提交各可獲得 200 分。這些遊玩細節來自產品本身。因此，本遊戲應被視為一款透明的練習謎題，而非經驗證的時間判讀能力評量。
若想了解其他瀏覽器式謎題形式，可參閱這篇不需下載的邏輯網格謎題瀏覽器版攻略。
若想深入瞭解，請參閱透明謎題中的著色遊戲益處。