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

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

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);
}

 

posted @ 2017-06-27 16:34  幽影一殇  阅读(829)  评论(0)  编辑  收藏  举报