JavaScript時(shí)間與時(shí)間戳的轉(zhuǎn)換操作實(shí)例分析
本文實(shí)例講述了JavaScript時(shí)間與時(shí)間戳的轉(zhuǎn)換操作。分享給大家供大家參考,具體如下:
一、時(shí)間轉(zhuǎn)時(shí)間戳:javascript獲得時(shí)間戳的方法有五種,都是通過實(shí)例化時(shí)間對(duì)象 new Date()
來(lái)進(jìn)一步獲取當(dāng)前的時(shí)間戳
1.
var timestamp1 = Date.parse(new Date()); // 結(jié)果:1544151187000 不推薦這種辦法,毫秒級(jí)別的數(shù)值被轉(zhuǎn)化為000 console.log(timestamp1);
2.
var timestamp2 = (new Date()).valueOf(); // 結(jié)果:1544151187152 通過valueOf()函數(shù)返回指定對(duì)象的原始值獲得準(zhǔn)確的時(shí)間戳值 console.log(timestamp2);
3.
var timestamp3 = new Date().getTime(); // 結(jié)果:1544151187152 ,通過原型方法直接獲得當(dāng)前時(shí)間的毫秒值,準(zhǔn)確 console.log(timestamp3);
4.
var timetamp4 = Number(new Date()) ; //結(jié)果:1544151187152 ,將時(shí)間轉(zhuǎn)化為一個(gè)number類型的數(shù)值,即時(shí)間戳 console.log(timetamp4);
5.ES5給Date提供了一種獲取時(shí)間戳的新特性
var timetamp5 = Date.now(); //結(jié)果:1544151187152 console.log(timetamp5);
使用在線HTML/CSS/JavaScript代碼運(yùn)行工具:http://tools.jb51.net/code/HtmlJsRun測(cè)試,打印結(jié)果如下:
二、時(shí)間戳轉(zhuǎn)時(shí)間
var timestamp4 = new Date(1544151250236);//直接用 new Date(時(shí)間戳) 格式轉(zhuǎn)化獲得當(dāng)前時(shí)間 console.log(timestamp4); console.log(timestamp4.toLocaleDateString().replace(/\//g, "-") + " " + timestamp4.toTimeString().substr(0, 8)); //再利用拼接正則等手段轉(zhuǎn)化為yyyy-MM-dd hh:mm:ss 格式
使用在線HTML/CSS/JavaScript代碼運(yùn)行工具:http://tools.jb51.net/code/HtmlJsRun測(cè)試效果如下:
不過這樣轉(zhuǎn)換在某些瀏覽器上會(huì)出現(xiàn)不理想的效果,因?yàn)?code>toLocaleDateString()方法是因?yàn)g覽器而異的,比如 IE為2018年12月7日 10:54:10 格式 搜狗為Fri Dec 07 2018 10:54:10
可以通過分別獲取時(shí)間的年月日進(jìn)行拼接,比如:
function getdate() { var now = new Date(), y = now.getFullYear(), m = ("0" + (now.getMonth() + 1)).slice(-2), d = ("0" + now.getDate()).slice(-2); return y + "-" + m + "-" + d + " " + now.toTimeString().substr(0, 8); }
PS:這里再為大家推薦幾款時(shí)間及日期相關(guān)工具供大家參考使用:
在線日期/天數(shù)計(jì)算器:
http://tools.jb51.net/jisuanqi/date_jisuanqi
在線日期計(jì)算器/相差天數(shù)計(jì)算器:
http://tools.jb51.net/jisuanqi/datecalc
在線日期天數(shù)差計(jì)算器:
http://tools.jb51.net/jisuanqi/onlinedatejsq
Unix時(shí)間戳(timestamp)轉(zhuǎn)換工具:
http://tools.jb51.net/code/unixtime
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript時(shí)間與日期操作技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
- JS時(shí)間戳與日期格式互相轉(zhuǎn)換的簡(jiǎn)單方法示例
- JS的時(shí)間格式化和時(shí)間戳轉(zhuǎn)換函數(shù)示例詳解
- Vue.js 時(shí)間轉(zhuǎn)換代碼及時(shí)間戳轉(zhuǎn)時(shí)間字符串
- js實(shí)現(xiàn)把時(shí)間戳轉(zhuǎn)換為yyyy-MM-dd hh:mm 格式(es6語(yǔ)法)
- js時(shí)間戳與日期格式之間轉(zhuǎn)換詳解
- js時(shí)間戳與日期格式之間相互轉(zhuǎn)換
- javascript時(shí)間戳和日期字符串相互轉(zhuǎn)換代碼(超簡(jiǎn)單)
- JS獲取時(shí)間的相關(guān)函數(shù)及時(shí)間戳與時(shí)間日期之間的轉(zhuǎn)換
- JS時(shí)間轉(zhuǎn)換標(biāo)準(zhǔn)格式、時(shí)間戳轉(zhuǎn)換標(biāo)準(zhǔn)格式的示例代碼
相關(guān)文章
基于layui內(nèi)置模塊(element常用元素的操作)
今天小編就為大家分享一篇基于layui內(nèi)置模塊(element常用元素的操作),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧2019-09-09JavaScript中的appendChild()方法示例詳解
這篇文章主要介紹了JavaScript中的appendChild()方法,appendChild()方法是向節(jié)點(diǎn)添加最后一個(gè)子節(jié)點(diǎn),也可以使用此方法從一個(gè)元素向另一個(gè)元素移動(dòng)元素,本文結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2023-10-10JavaScript中for of和for in的區(qū)別詳解
對(duì)于初學(xué)者,我們或許只知道無(wú)論是for of還是for in他們都有一個(gè)功能那就是遍歷,至于具體的細(xì)節(jié)或許我們不是很清楚,那么接下來(lái)我們就來(lái)詳細(xì)的區(qū)分一下for of和for in他們之間的不同點(diǎn)和相同點(diǎn),需要的朋友可以參考下2023-06-06js 在定義的時(shí)候立即執(zhí)行的函數(shù)表達(dá)式(function)寫法
如果不需要顯示調(diào)用函數(shù), 讓這個(gè)函數(shù)在定義的時(shí)候就執(zhí)行的話, 該如何寫才可以呢,接下來(lái)將詳細(xì)介紹實(shí)現(xiàn)步驟,感興趣的朋友可以了解下2013-01-01