jquery+css3实现彩色时钟表

jquery+css3实现彩色时钟表jquery+css3实现彩色时钟表是一款用css3中的rotate实现针的旋转，显示的是当前时间。jQuerycss3彩色时钟指针时钟

<script type="text/javascript">
$(function(){
var $second = $(".second-hand"), /* 秒针 */
$minute = $(".minute-hand"), /* 分针 */
$hour = $(".hour-hand"), /* 时针 */
timer = setInterval(nowTime,1000); /* 循环调用，一秒后调用一次 */
function nowTime(){
function getTime(){
var now = new Date();
return {
hours: now.getHours() + now.getMinutes() / 60, /* 小时数，包括分钟数 */
minutes: now.getMinutes() + now.getSeconds() / 60, /* 分针数，包括秒数 */
seconds: now.getSeconds() /* 秒数 */
}
}
var _date = getTime(); /* 接收的时间对象 */
var _secondRotate = Math.floor(_date.seconds) * 6; /* 秒针，一圈360度总共是60秒（60格），一秒（一格）就是6度，乘以6的主要原因就是秒数乘以一格的度数等于总度数 */
var _minuteRotate = _date.minutes * 6; /* 分针，一圈360度总共是60分钟，和秒数解释类似 */
var _hourRotate =  (_date.hours % 12) * 30; /* 时针，一圈360度是12个小时，一个小时就是30度（其实也是5格），小时数乘以一小时的度数就是总度数。但是要考虑大于12的小时数，这里采取整除12的方发即可实现 */
$second.css({"transform":"rotate("+_secondRotate+"deg)"}); /* 设置秒针旋转度 */
$minute.css({"transform":"rotate("+_minuteRotate+"deg)"}); /* 设置分针旋转度 */
$hour.css({"transform":"rotate("+_hourRotate+"deg)"}); /* 设置时针旋转度 */
}


})
</script>