js 显示当前系统时间

html：

<div id="time"></div>

css：

#time{
            width:500px;
            height:60px;
            background:green;
            color:#fff;
            font-size:30px;
            line-height:60px;
            text-align:center;
            margin:0 auto;
            margin-top:40px;
        }

js

window.onload = function(){
    var oDiv = document.getElementById("time");//所有的在它后面；
    //    进入页面时，直接赋值一次；
    getTimes(oDiv);
    //封存到函数里面
    function getTimes(obj){
//    获取时间戳
        var time = new Date();
//    获取年；
        var year = time.getFullYear();
//    获取月；
        var month = time.getMonth()+1;
//    获取日；
        var date = time.getDate();
//    获取小时；
        var h = time.getHours();
//    获取分钟；
        var m = time.getMinutes();
//    获取秒；
        var s  = time.getSeconds();
//    获取星期；
        var weeks = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
        var week = weeks[time.getDay()];
//    获取div元素；


        obj.innerHTML = year+"年"+zeroFill(month)+"月"+zeroFill(date)+"日"+" "+zeroFill(h)+":"+zeroFill(m)+":"+zeroFill(s)+" "+week;
    }



//每一秒运行一次

    setInterval(function(){
        getTimes(oDiv);
    },1000)

//    定义函数，当小于10的时候前边加0；
    function zeroFill(num){
        if(num<10){
            num = "0"+num;
        }
        return num;
    }


}