JavaScript 時間戳

admin發表於2019-12-17

時間戳在JavaScript是一個比較重要的概念,在其他大多數語言中同樣如此。

下面將結合程式碼例項詳細介紹一下JavaScript時間戳的相關知識。

本文主要包含如下兩方面內容:

(1).JavaScript時間戳概念。

(2).如何獲取時間戳。

(3).時間戳轉換為時間日期字串。

一.JavaScript時間戳概念:

JavaScript中的時間戳是指定時間至1970年1月1日 00:00:00 UTC的毫秒數。

與JavaScript時間戳有所不同,Unix時間戳返回的是秒。

二.獲取時間戳:

JavaScript獲取時間戳的方式有多種,下面列舉幾種常見的方式。

(1).getTime():

通過此方法可以獲取指定時間日期的時間戳。

程式碼例項如下:

[JavaScript] 純文字檢視 複製程式碼執行程式碼
let date = new Date('2019/12/9 13:25:08:800');
console.log(date.getTime());

程式碼執行效果截圖如下:

a:3:{s:3:\"pic\";s:43:\"portal/201912/10/151606yhazaaa6faflfup6.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

關於getTime()更多內容參閱JavaScript getTime()一章節。

(2).Date.now():

此方法只能獲取客戶端當前時間日期的時間戳。

程式碼例項如下:

[JavaScript] 純文字檢視 複製程式碼執行程式碼
console.log(Date.now());

程式碼執行效果截圖如下:

a:3:{s:3:\"pic\";s:43:\"portal/201912/10/151648p1m13mltwwhg1m11.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

關於Date.now()更多內容參閱JavaScript Date.now()一章節。

(3).Date.parse():

此方法可以解析指定的時間日期字串引數,並返回其時間戳。

程式碼例項如下:

[JavaScript] 純文字檢視 複製程式碼執行程式碼
console.log(Date.parse("2019/01/01 15:25:08:600"));

程式碼執行效果截圖如下:

a:3:{s:3:\"pic\";s:43:\"portal/201912/10/151732fl2p5rqydvckvqrq.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

關於Date.parse()更多內容參閱JavaScript Date.parse()一章節。

(4).valueOf():

此方法同樣可以返回對應時間日期的時間戳。

程式碼例項如下:

[JavaScript] 純文字檢視 複製程式碼執行程式碼
let date=new Date();
console.log(date.valueOf());

程式碼執行效果截圖如下:

a:3:{s:3:\"pic\";s:43:\"portal/201912/10/151808kjpoehecoi0ophg7.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

關於valueOf()更多內容參閱JavaScript Date valueOf()一章節。

(5).Date.UTC():

此方法可以將引數構成的UTC時間日期轉換為時間戳。

程式碼例項如下:

[JavaScript] 純文字檢視 複製程式碼執行程式碼
console.log(Date.UTC(2019,01,01,15,25,08,600));

程式碼執行效果截圖如下:

a:3:{s:3:\"pic\";s:43:\"portal/201912/10/151853ty51h5u5dioyoeox.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

三.時間戳轉換為時間日期字串:

時間戳可以唯一對應一個時間點,自然可以將其轉換為相應的時間日期字串。

方式非常簡單,Date()建構函式可以接受時間戳為引數。

程式碼例項如下:

[JavaScript] 純文字檢視 複製程式碼執行程式碼
let date=new Date(15000000800);
console.log(date.toLocaleString());

程式碼執行效果截圖如下:

a:3:{s:3:\"pic\";s:43:\"portal/201912/10/151926psd5hjat58gqawvs.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

關於Date()建構函式參閱JavaScript Date() 引數一章節。

相關文章