JavaScript時間戳與時間相互轉換的常用方法
更新時間：2025年04月23日 09:44:20 作者：風格654
這篇文章主要介紹了JavaScript時間戳與時間相互轉換的常用方法,包括獲取當前時間戳、時間戳轉時間對象、時間戳轉格式化字符串、時間字符串轉時間戳等,還討論了常見應用場景如計算時間差、倒計時和UTC與本地時間互轉,需要的朋友可以參考下
前言
在 JavaScript 中，時間戳（Timestamp）通常指 Unix 時間戳，即從 1970年1月1日 00:00:00 UTC 到某個時間點經過的 毫秒數（注意：其他語言如 Python 可能使用秒，但 JavaScript 默認用毫秒）。以下是時間戳與時間格式相互轉換的常用方法：
1. 獲取當前時間戳
// 方法1：Date.now() const timestamp1 = Date.now(); // 方法2：new Date().getTime() const timestamp2 = new Date().getTime(); // 方法3：+new Date() const timestamp3 = +new Date();
2. 時間戳 → 時間對象
用時間戳生成 Date 對象后，可提取具體時間信息：
const timestamp = 1696147200000; // 示例時間戳（2023-10-01 00:00:00 UTC） const date = new Date(timestamp); // 提取時間信息（本地時區(qū)） const year = date.getFullYear(); // 2023 const month = date.getMonth() + 1; // 10（注意月份從0開始，需+1） const day = date.getDate(); // 1 const hours = date.getHours(); // 8（假設時區(qū)為UTC+8） const minutes = date.getMinutes(); // 0 const seconds = date.getSeconds(); // 0 // 提取UTC時間信息 const utcHours = date.getUTCHours(); // 0（UTC時間）
3. 時間戳 → 格式化字符串
將 Date 對象格式化為易讀的字符串：
// 方法1：使用內置方法（本地時區(qū)）
const localDateStr = date.toLocaleDateString(); // "2023/10/1"
const localTimeStr = date.toLocaleTimeString(); // "08:00:00"
const localStr = date.toLocaleString(); // "2023/10/1 08:00:00"
// 方法2：手動拼接（靈活定制）
const formattedTime = `${year}-${month.toString().padStart(2, '0')}-${day.toString().padStart(2, '0')} ${hours}:${minutes}:${seconds}`;
// "2023-10-01 08:00:00"
// 方法3：轉成ISO標準格式（UTC時間）
const isoString = date.toISOString(); // "2023-10-01T00:00:00.000Z"4. 時間字符串 → 時間戳
將日期字符串解析為時間戳：
// 方法1：Date.parse()（需符合標準格式）
const timestamp4 = Date.parse('2023-10-01T00:00:00Z'); // 1696147200000（UTC時間）
// 方法2：new Date().getTime()
const dateStr = '2023-10-01 08:00:00'; // 假設本地時區(qū)為UTC+8
const timestamp5 = new Date(dateStr).getTime(); // 1696147200000（需注意時區(qū)問題）
// 注意：非標準格式可能導致解析失敗，建議使用ISO格式（YYYY-MM-DDTHH:mm:ssZ）5. 常見場景示例
場景1：計算時間差
const start = Date.now(); // ...執(zhí)行某些操作 const end = Date.now(); const duration = end - start; // 毫秒數
場景2：倒計時功能
function formatCountdown(timestamp) {
const now = Date.now();
const diff = timestamp - now;
const days = Math.floor(diff / (1000 * 60 * 60 * 24));
const hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
return `${days}天 ${hours}小時`;
}場景3：UTC與本地時間互轉
// UTC時間 → 本地時間
const utcDate = new Date('2023-10-01T00:00:00Z');
const localHours = utcDate.getHours(); // 本地時區(qū)的小時數（如UTC+8得到8）
// 本地時間 → UTC時間戳
const localDate = new Date(2023, 9, 1, 8, 0, 0); // 2023-10-01 08:00:00（本地時間）
const utcTimestamp = Date.UTC(2023, 9, 1, 0, 0, 0); // 1696147200000注意事項
時區(qū)問題
new Date()和Date.parse()默認使用本地時區(qū)，而toISOString()和Date.UTC()使用 UTC 時區(qū)。跨時區(qū)應用建議統(tǒng)一使用 UTC 時間。
時間戳單位
JavaScript 使用 毫秒，與其他語言（如 Python 的秒）轉換時需注意單位換算：
const seconds = Math.floor(timestamp / 1000); // 毫秒轉秒 const milliseconds = seconds * 1000; // 秒轉毫秒
瀏覽器兼容性
避免使用非標準日期格式（如
'2023-10-01'不帶時間部分），不同瀏覽器解析結果可能不一致。
總結
到此這篇關于JavaScript時間戳與時間相互轉換常用方法的文章就介紹到這了,更多相關JS時間戳與時間相互轉換內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
這篇文章主要介紹了javascript判斷數組內是否重復的方法,涉及javascript針對數組的相關操作技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04
在光標處插入字符串，一般用于網頁編輯器中，這里用的是text，需要的朋友可以參考下。2010-03-03
這篇文章主要介紹了js實現限定范圍拖拽的示例，幫助大家更好的制作js特效，美化自己的網頁，感興趣的朋友可以了解下2020-10-10
這篇文章主要介紹了如何在微信小程序里面退出小程序的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04
本文將以yyyy-MM-dd HH:mm:ss為例介紹js date 格式化的相關知識。具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
這篇文章主要給大家介紹了關于uniapp的request封裝保姆級教程,request是基于uni-app框架封裝的一個網絡請求庫,可以用于發(fā)送http請求和處理響應數據,需要的朋友可以參考下2023-07-07
大家好，本篇文章主要講的是JavaScript優(yōu)雅處理對象的6種方法，感興趣的同學趕快來看一看吧，對你有幫助的話記得收藏一下哦，方便下次瀏覽2021-12-12
JavaScript 是世界上最流行的編程語言。javaScript中有五種空值和假值，分別為false，null，undefined，“”，0。從廣義上來說，這五個值都是對應數據類型的無效值或空值2017-12-12
JavaScript中各種編碼解碼函數的區(qū)別和注意事項
JavaScript 中encodeURI,encodeURIComponent與escape的區(qū)別和注2010-08-08
大部分Web應用的富文本內容都是以HTML字符串的形式存儲的，那么在微信小程序中，應當如何渲染這部分內容呢？感興趣的小伙伴們可以參考一下2018-10-10