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);
    });