cyb_configserver_com/wwwroot/skin/app/consumer/static/js/clock.js

window.onload = function() { 
    var winHeight = document.documentElement.clientHeight; 
    document.getElementsByTagName('body')[0].style.height = winHeight+'px'; 
    var $clock = document.getElementById('clock'), 
    $hour = document.getElementById('hour'), 
    $min = document.getElementById('min'), 
    $sec = document.getElementById('sec'), 
    oSecs = document.createElement('em'); 
    for (var i = 1; i < 61; i++) { 
    var tempSecs = oSecs.cloneNode(), 
    pos = getSecPos(i); 
    if(i%5==0){ 
    tempSecs.className = 'ishour'; 
    // tempSecs.innerHTML = '<i style="-webkit-transform:rotate('+(-i*6)+'deg);">'+(i/5)+'</i>'; 
    } 
    // tempSecs.style.cssText='left:'+pos.x+'px; top:'+pos.y+'px; -webkit-transform:rotate('+i*6+'deg);'; 
    $clock.appendChild(tempSecs); 
    } 
    // 圆弧上的坐标换算 
    function getSecPos(dep) { 
    var hudu = (2*Math.PI/360)*6*dep, 
    r = document.documentElement.clientWidth / 54; //半径大小 
    return { 
    x: Math.floor(r + Math.sin(hudu)*r), 
    y: Math.floor(r - Math.cos(hudu)*r), 
    } 
    } 
    ;(function() { 
    // 当前时间 
    var _now = new Date(), 
    _h = _now.getHours(), 
    _m = _now.getMinutes(), 
    _s = _now.getSeconds(); 
    var _day = _now.getDay(); 
    _day = (_day==0)?7:_day; 
    if(_day==1){ 
    _day = "一"; 
    }else if(_day==2){ 
    _day = "二"; 
    }else if(_day==3){ 
    _day = "三"; 
    }else if(_day==4){ 
    _day = "四"; 
    }else if(_day==5){ 
    _day = "五"; 
    }else if(_day==6){ 
    _day = "六"; 
    }else if(_day==7){ 
    _day = "日"; 
    } 
    //绘制时钟 
    var gotime = function(){ 
    var _h_dep = 0; 
    _s++; 
    if(_s>59){ 
    _s=0; 
    _m++; 
    } 
    if(_m>59){ 
    _m=0; 
    _h++; 
    } 
    if(_h>12){ 
    _h = _h-12; 
    } 
    //时针偏移距离 
    _h_dep = Math.floor(_m/12)*6; 
    $hour.style.cssText = '-webkit-transform:rotate('+(_h*30-90+_h_dep)+'deg);'; 
    $min.style.cssText = '-webkit-transform:rotate('+(_m*6-90)+'deg);'; 
    $sec.style.cssText = '-webkit-transform:rotate('+(_s*6-90)+'deg);'; 
    }; 
    gotime(); 
    setInterval(gotime, 1000); 
    })(); 
    };