JS - 002 - 時鐘

002

＋ 主題 - 時鐘 Date()

github連結

+ 邏輯 - 用js做出時鐘

1. 做出時針、分針長短，並且秒針做出動畫
2. 取得現在時間
3. 計時器(setTimeout(), setInterval(), getTime())

＋ JS語法筆記 -

// 計時器 : setTimeout(), setInterval()都必須先跑過一次才會執行，所以通常會在後面加上直接呼叫。
setTimeout() - 單次循環，在指定時間呼叫函數，比方setTimeout(getTime, 1000)，後加上getTime()，就會重複執行。
setInterval() - 多次循環，設定每一次間隔，會自己重複執行。所以要小心不能重複呼叫。設定clearInterval()停止。

//Date() : 做本機特定時間讀取或現在時間點，一般對串的API或後端不建議前端塞時間給後端，假設是多國語言的網站，塞入各地的時間，後端難以處理。應該用後端去讀取seever時間。
小心幾個API：
getDay() // 0~6星期幾
getMonth() // 0~11月份
getHours() // 0~23 點

+ 實作技巧 -

1. 針對指針必須做長短變化，因此不能用transform origin，因為每秒都會改變對齊位置。
2. 動畫不能使用transition，因為要處理0度跟359度的位移。