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

更新時間：2018年12月07日 11:06:15 作者：兩面一湯

這篇文章主要介紹了JavaScript時間與時間戳的轉(zhuǎn)換操作,結(jié)合實例形式分析了javascript日期與時間戳轉(zhuǎn)換相關(guān)函數(shù)與操作技巧,需要的朋友可以參考下

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

一、時間轉(zhuǎn)時間戳：javascript獲得時間戳的方法有五種，都是通過實例化時間對象 new Date() 來進一步獲取當前的時間戳

1.

var timestamp1 = Date.parse(new Date());
// 結(jié)果：1544151187000 不推薦這種辦法，毫秒級別的數(shù)值被轉(zhuǎn)化為000
console.log(timestamp1);

2.

var timestamp2 = (new Date()).valueOf();
// 結(jié)果：1544151187152 通過valueOf()函數(shù)返回指定對象的原始值獲得準確的時間戳值
console.log(timestamp2);

3.

var timestamp3 = new Date().getTime();
// 結(jié)果：1544151187152 ，通過原型方法直接獲得當前時間的毫秒值，準確
console.log(timestamp3);

4.

var timetamp4 = Number(new Date()) ;
//結(jié)果：1544151187152 ,將時間轉(zhuǎn)化為一個number類型的數(shù)值，即時間戳
console.log(timetamp4);

5.ES5給Date提供了一種獲取時間戳的新特性

var timetamp5 = Date.now();
//結(jié)果：1544151187152 
console.log(timetamp5);

使用在線HTML/CSS/JavaScript代碼運行工具：http://tools.jb51.net/code/HtmlJsRun測試，打印結(jié)果如下：

二、時間戳轉(zhuǎn)時間

var timestamp4 = new Date(1544151250236);//直接用 new Date(時間戳) 格式轉(zhuǎn)化獲得當前時間
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代碼運行工具：http://tools.jb51.net/code/HtmlJsRun測試效果如下：

不過這樣轉(zhuǎn)換在某些瀏覽器上會出現(xiàn)不理想的效果，因為toLocaleDateString()方法是因瀏覽器而異的，比如 IE為2018年12月7日 10:54:10 格式搜狗為Fri Dec 07 2018 10:54:10

可以通過分別獲取時間的年月日進行拼接，比如：

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：這里再為大家推薦幾款時間及日期相關(guān)工具供大家參考使用：

在線日期/天數(shù)計算器：
http://tools.jb51.net/jisuanqi/date_jisuanqi

在線日期計算器/相差天數(shù)計算器：
http://tools.jb51.net/jisuanqi/datecalc

在線日期天數(shù)差計算器：
http://tools.jb51.net/jisuanqi/onlinedatejsq

Unix時間戳(timestamp)轉(zhuǎn)換工具：
http://tools.jb51.net/code/unixtime

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript時間與日期操作技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運算用法總結(jié)》

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

您可能感興趣的文章: