js獲取當前時間顯示在頁面上并每秒刷新

字號:


    方法很簡單,代碼也很簡潔,直接奉上代碼吧
    代碼如下:
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>js獲取當前時間顯示在頁面上</title>
    <script>
    window.onload=function(){
    //定時器每秒調(diào)用一次fnDate()
    setInterval(function(){
    fnDate();
    },1000);
    }
    //js 獲取當前時間
    function fnDate(){
    var oDiv=document.getElementById("div1");
    var date=new Date();
    var year=date.getFullYear();//當前年份
    var month=date.getMonth();//當前月份
    var data=date.getDate();//天
    var hours=date.getHours();//小時
    var minute=date.getMinutes();//分
    var second=date.getSeconds();//秒
    var time=year+"-"+fnW((month+1))+"-"+fnW(data)+" "+fnW(hours)+":"+fnW(minute)+":"+fnW(second);
    oDiv.innerHTML=time;
    }
    //補位 當某個字段不是兩位數(shù)時補0
    function fnW(str){
    var num;
    str>10?num=str:num="0"+str;
    return num;
    }
    </script>
    </head>
    <body>
    <div id="div1"> </div>
    </body>
    </html>