如何用JS/HTML將時(shí)間戳轉(zhuǎn)換為“xx天前”的形式

更新時(shí)間：2017年02月06日 09:10:22 作者：怪獸小飛機(jī)

如果我們有一份過去時(shí)間戳，如何使用JS/HTML將時(shí)間戳轉(zhuǎn)換為“xx天前”的形式呢？很多朋友都覺得解決辦法有點(diǎn)困難，其實(shí)很簡(jiǎn)單的，下面小編給大家分享完整的實(shí)現(xiàn)代碼，一起看看吧

如果我們有一份過去時(shí)間戳，如何使用JS/HTML將時(shí)間戳轉(zhuǎn)換為“xx天前”的形式呢，以下是完整代碼

當(dāng)然，只在同一時(shí)區(qū)時(shí)適用。

你也可以通過Date類將具體時(shí)間轉(zhuǎn)換為時(shí)間戳。

<!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 + "小時(shí)前");   
} 
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將時(shí)間戳轉(zhuǎn)換為“xx天前”的形式，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

JavaScrip如何安全使用Payment Request API詳解
這篇文章主要為大家介紹了JavaScrip如何安全使用Payment Request API詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-10-10
js彈出層(jQuery插件形式附帶reLoad功能)
之前的彈出層做的挺好，但是代碼結(jié)構(gòu)有問題，這次用到了，重構(gòu)了一下，改為jQuery的插件形式，感覺還不錯(cuò)，有興趣的朋友可以參考下，希望可以幫助到你
2013-04-04
uniapp實(shí)現(xiàn)滑動(dòng)評(píng)分效果
這篇文章主要為大家詳細(xì)介紹了uniapp實(shí)現(xiàn)滑動(dòng)評(píng)分效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-09-09
javascript之IE版本檢測(cè)超簡(jiǎn)單方法
下面小編就為大家?guī)硪黄猨avascript之IE版本檢測(cè)超簡(jiǎn)單方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-08-08
Javascript 構(gòu)造函數(shù) 實(shí)例分析
一般構(gòu)造函數(shù)沒有返回值，他們通過關(guān)鍵字this初始化對(duì)象，沒有返回值。當(dāng)然一個(gè)構(gòu)造器允許返回一個(gè)對(duì) 象，如果這樣的話返回的對(duì)象將變成new 表達(dá)式的值,在這種情況下值為this的對(duì)象將拋棄
2008-11-11
Bootstrap 3 進(jìn)度條的實(shí)現(xiàn)
這篇文章主要介紹了Bootstrap 3 進(jìn)度條的實(shí)現(xiàn),非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2017-02-02
js 純數(shù)字不重復(fù)排列的另類方法
有一組數(shù)據(jù)，大概10萬個(gè)左右，每一單位的值不會(huì)大于30000，要求按照由大到小的順序不重復(fù)輸出。
2010-07-07
Layui帶搜索的下拉框的使用以及動(dòng)態(tài)數(shù)據(jù)綁定方法
今天小編就為大家分享一篇Layui帶搜索的下拉框的使用以及動(dòng)態(tài)數(shù)據(jù)綁定方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
JavaScript中textRange對(duì)象使用方法小結(jié)
這篇文章主要介紹了JavaScript中textRange對(duì)象使用方法小結(jié),需要的朋友可以參考下
2015-03-03
ES6 Generator函數(shù)的應(yīng)用實(shí)例分析
這篇文章主要介紹了ES6 Generator函數(shù)的應(yīng)用,結(jié)合實(shí)例形式分析了ES6 Generator函數(shù)異步操作與異常捕獲相關(guān)使用技巧,需要的朋友可以參考下
2019-06-06