如何用JS/HTML将时间戳转换为“xx天前”的形式【附源码，转

如果我们有一份过去时间戳，如何使用JS/HTML将时间戳转换为“xx天前”的形式呢，以下是完整代码

 

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(document).ready(function() {

    var str = "";
    var timestamp = 0;
    var pass = 0;
        str = $("#time").text();
        timestamp = (new Date()).valueOf();
        pass = (timestamp - str) / 1000;
        $("#time").text(pass);
        if (pass < 60) {
            $("#time").text(pass + "秒前");
        } else {
            if (pass < (60 * 60)) {
                pass = Math.floor(pass / 60);
                $("#time").text(pass + "分钟前");
            } else {
                if (pass < (60 * 60 * 72)) {
                    pass = Math.floor(pass / 60 / 60);
                    $("#time").text(pass + "小时前");
                } else {
                    if (pass >= (60 * 60 * 72) ) {
                        pass = Math.floor(pass / 60 / 60 / 24);
                        $("#time").text(pass + "天前");
                    }
                }
            }
        }
    });
</script>
</head>

<body>
<div id="time">1486122654000</div>
</body>
</html>

 

 

 

当然，只在同一时区时适用。

你也可以通过Date类将具体时间转换为时间戳。

转自我的个人网站，原帖：http://www.cirno.win/insert/page.php?id=4

posted @ 2017-02-06 13:17  怪兽小飞机  阅读(635)  评论(1)  编辑  收藏  举报