如何用JS/HTML將時間戳轉(zhuǎn)換為“xx天前”的形式
如果我們有一份過去時間戳,如何使用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)文章
BootStrap智能表單實戰(zhàn)系列(四)表單布局介紹
這篇文章主要介紹了BootStrap智能表單實戰(zhàn)系列(四)表單布局介紹,表單布局分為自動布局和自定義布局兩種,本文通過代碼給大家介紹,介紹的非常詳細(xì),具有參考借鑒價值,感興趣的朋友一起學(xué)習(xí)吧2016-06-06JS如何操作DOM基于表格動態(tài)展示數(shù)據(jù)
這篇文章主要介紹了JS如何操作DOM基于表格動態(tài)展示數(shù)據(jù),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-10-10微信小程序搭建(mpvue+mpvue-weui+fly.js)的詳細(xì)步驟
這篇文章主要介紹了微信小程序搭建(mpvue+mpvue-weui+fly.js)的詳細(xì)步驟,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-09-09javascript+css3開發(fā)打氣球小游戲完整代碼
這是一個簡單但是印象深刻的小游戲,打氣球小游戲的實現(xiàn)代碼,主要基于js和css3,基于css3畫氣球,具體實現(xiàn)代碼大家參考下本文2017-11-11