通过时间戳返回动态的时间

有些网站中会有实时的时间显示,我们可能会发现这个时间与本机电脑并不完全相同,这是因为服务器上的时间可能会和本地稍有差距,所以一般做倒计时或者正常的时间显示还是以服务端的时间为准。

html:

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>时间</title>
    <script src="js/date.js"></script></head><body>
    <div id="dateTime"></div></body></html>

拿到时间戳这里不再赘述。

JavaScript:

window.onload = function(){    var timeStamp = 1495008655963;    var year, mon, date, hour, min, sec, timeNow, dateTime;    function getDT(timeStamp){
        timeNow = new Date(timeStamp);
        year = timeNow.getFullYear();
        mon  = optim(timeNow.getMonth()+1);
        date = optim(timeNow.getDate());
        hour = optim(timeNow.getHours());
        min  = optim(timeNow.getMinutes());
        sec  = optim(timeNow.getSeconds());
    }    function optim(num){  
        if(parseInt(num) < 10){  
            num = '0'+num;  
        }  
        return num;
    }    function set(){
        getDT(timeStamp);
        dateTime = year + "-" + mon + "-" + date + " " + hour + ":" + min + ":" + sec;
        document.getElementById("dateTime").innerText = dateTime;
    }
    set();
    setInterval(function(){
        timeStamp+=1000;
        set();
    },1000);
}

原文地址:https://www.cnblogs.com/zlts/p/7085927.html

End

评论区(1)

网友

2018.10.11 09:00:36 回复 (0)

给我留言