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

jQuery和css3实现漂亮的时钟效果3914
相关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);    });

也许你还喜欢