Hi，@Zhong_Yuan 同學你好：

秒針的方向和表盤刻度沒對齊，是因為刻度的CSS樣式有問題，在旋轉時對Y軸上的位置進行了重復設置。

以小時的刻度為例（分鐘刻度的類似）：

（1）在JS中繪制小時刻度時，設置了內聯樣式 style="transform:rotate(0deg) translate(80px,-50%)"

其中，translate(80px,-50%) 設置了刻度本身在Y軸方向上以其中心位置垂直居中。

（2）但同時在CSS中又設置了

.line-hour li, .line-min li {

? transform-origin: left center; ?// 設置了基點在Y軸方向上是center（即以Y軸刻度的中心位置處旋轉）

}

此時（1）和（2）同時對Y軸上的位置進行了設置，重復了。導致刻度的繪制有偏差。

解決辦法：

將（2）中的基點設置為刻度的左上角，即 transform-origin: 0 0;?

Y軸上垂直居中就交由（1）translate(80px,-50%)中的 translateY(-50%) 去設定。

修改后的效果見 http://codepen.io/anjia/pen/KwEzwQ

說明：

保留（1）是考慮到當表盤靜止時（即注釋掉 move();）指針依然能和刻度保持垂直對齊。