2F - 時鐘

竹白記事本，筆記紀錄。

tags: `JS 地下城`

Image Not Showing Possible Reasons

The image file may be corrupted
The server hosting the image is unavailable
The image path is incorrect
The image format is not supported

BOSS 弱點

【特定技術】需使用 JS 原生語法的 getDate() 撈取時間，不可用套件
【特定技術】需使用 JS 原生語法的 setTimeout() 或 setInterval()，持續讓秒針、分針、時針能夠以台北時區移動
【特定技術】介面請全部用 CSS2、CSS3 手寫繪製

下載資源

UI 線上設計稿

排版

clip-path: polygon() 鐘面裝飾有用到
transform-origin 秒針旋轉方向的組合
指針容器大小寬高都是 100% 等同鐘面的大小，這樣旋轉容器，指針就會以中心。

攻略

基本上與 JS 30 - Day2： JS and CSS Clock 一樣。