虽然不太美腻。。。。。
哈哈哈
问题一：定位是根据设置了position的父元素来定位的
问题二：这个指针的转动方向啊啊啊阿西吧！搞了好久，要记住：
1）x轴向右为正，y轴向下为正
2）js的Math.sin,cos这些函数，是以弧度制为计算方式，css的rotate(90deg)是以角度制为计算方式，并且要记住带单位deg
这个小东西主要是练习了布局。。定位。。。
问题三：浏览器的兼容性
1）transform，transform-origin等属性需要设置兼容性，不过这个相对简单，如果只有这个问题的话可以现在chrome开发，然后测试的时候再加上
2）ie9及以下不支持css3的transition属性，也就是说有些动画过渡效果无法通过这个属性实现，阿西吧，替代方法，jq，js。
3）通过js来改变元素的transform属性时，记住！是通过以下的格式编辑的！！而且！！！字符串最后不要多此一举的加上分号！！！这个小妖精！！！！
hourPointer.style.transform= ‘translate(0,-5px) rotate(‘+hourDeg+‘deg)’ ;
hourPointer.style.webkitTransform= ‘translate(0,-5px) rotate(‘+hourDeg+‘deg)’ ;
hourPointer.style.mozTransform = ‘translate(0,-5px) rotate(‘+hourDeg+‘deg)’;
hourPointer.style.msTransform = ‘translate(0,-5px) rotate(‘+hourDeg+‘deg)’ ;
hourPointer.style.oTransform = ‘translate(0,-5px) rotate(‘+hourDeg+‘deg)’;