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

最新推荐文章于 2024-08-24 18:25:54 发布

weixin_30908649

最新推荐文章于 2024-08-24 18:25:54 发布

阅读量149

点赞数

原文链接：http://www.cnblogs.com/dark-master/p/6368382.html

版权

如果我们有一份过去时间戳，如何使用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>