如何用JS/HTML將時間戳轉(zhuǎn)換為“xx天前”的形式
更新時間：2017年02月06日 09:10:22 作者：怪獸小飛機(jī)
如果我們有一份過去時間戳，如何使用JS/HTML將時間戳轉(zhuǎn)換為“xx天前”的形式呢？很多朋友都覺得解決辦法有點困難，其實很簡單的，下面小編給大家分享完整的實現(xiàn)代碼，一起看看吧
如果我們有一份過去時間戳，如何使用JS/HTML將時間戳轉(zhuǎn)換為“xx天前”的形式呢，以下是完整代碼
當(dāng)然，只在同一時區(qū)時適用。
你也可以通過Date類將具體時間轉(zhuǎn)換為時間戳。
<!DOCTYPE html>
<html>
<head>
< http-equiv="Content-Type" content="text/html; charset=utf-8"/>
< src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</ >
< > $(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 + "天前");
}
}
}
}
});
</ >
</head>
<body>
<div id="time">1486122654000</div>
</body>
</html>
以上所述是小編給大家介紹的用JS/HTML將時間戳轉(zhuǎn)換為“xx天前”的形式，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
JavaScrip如何安全使用Payment Request API詳解
這篇文章主要為大家介紹了JavaScrip如何安全使用Payment Request API詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10
之前的彈出層做的挺好，但是代碼結(jié)構(gòu)有問題，這次用到了，重構(gòu)了一下，改為jQuery的插件形式，感覺還不錯，有興趣的朋友可以參考下，希望可以幫助到你2013-04-04
這篇文章主要為大家詳細(xì)介紹了uniapp實現(xiàn)滑動評分效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
下面小編就為大家?guī)硪黄猨avascript之IE版本檢測超簡單方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
Javascript 構(gòu)造函數(shù) 實例分析
一般構(gòu)造函數(shù)沒有返回值，他們通過關(guān)鍵字this初始化對象，沒有返回值。當(dāng)然一個構(gòu)造器允許返回一個對 象，如果這樣的話 返回的對象將變成new 表達(dá)式的值,在這種情況下值為this的對象將拋棄2008-11-11
這篇文章主要介紹了Bootstrap 3 進(jìn)度條的實現(xiàn),非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-02-02
有一組數(shù)據(jù)，大概10萬個左右，每一單位的值不會大于30000，要求按照由大到小的順序不重復(fù)輸出。2010-07-07
Layui帶搜索的下拉框的使用以及動態(tài)數(shù)據(jù)綁定方法
今天小編就為大家分享一篇Layui帶搜索的下拉框的使用以及動態(tài)數(shù)據(jù)綁定方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
JavaScript中textRange對象使用方法小結(jié)
這篇文章主要介紹了JavaScript中textRange對象使用方法小結(jié),需要的朋友可以參考下2015-03-03
ES6 Generator函數(shù)的應(yīng)用實例分析
這篇文章主要介紹了ES6 Generator函數(shù)的應(yīng)用,結(jié)合實例形式分析了ES6 Generator函數(shù)異步操作與異常捕獲相關(guān)使用技巧,需要的朋友可以參考下2019-06-06