JavaScript時(shí)間與時(shí)間戳的轉(zhuǎn)換操作實(shí)例分析

本文實(shí)例講述了JavaScript時(shí)間與時(shí)間戳的轉(zhuǎn)換操作。分享給大家供大家參考，具體如下：

一、時(shí)間轉(zhuǎn)時(shí)間戳：javascript獲得時(shí)間戳的方法有五種，都是通過(guò)實(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 通過(guò)valueOf()函數(shù)返回指定對(duì)象的原始值獲得準(zhǔn)確的時(shí)間戳值
console.log(timestamp2);

3.

var timestamp3 = new Date().getTime();
// 結(jié)果：1544151187152 ，通過(guò)原型方法直接獲得當(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è)試效果如下：

不過(guò)這樣轉(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

可以通過(guò)分別獲取時(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ì)有所幫助。