jQuery和css3实现漂亮的时钟效果

相关js代码 var angle = 360/60, date = new Date(); var h = date.getHours(); if(h > 12) { h = h - 12; } hour = h; minute = date.getMinutes(), second = date.getSeconds(), hourAngle = (360/12) * hour + (360/(12*60)) * minute; $('#minute')[0].style[prop] = 'rotate('+angle * minute+'deg)'; $('#second')[0].style[prop] = 'rotate('+angle * second+'deg)'; $('#hour')[0].style[prop] = 'rotate('+hourAngle+'deg)'; $('#clock').addClass('clock'+h); } $(function(){ var props = 'transform WebkitTransform MozTransform OTransform msTransform'.split(' '), prop, el = document.Element('div'); for(var i = 0, l = props.length; i < l; i++) { if(typeof el.style[props[i]] !== "undefined") { prop = props[i]; break; } } setInterval(function(){ Clock_dg(prop) },100); });

在线演示        积分下载        6毛下载        砍两刀下载