快捷導(dǎo)航

javascript時(shí)間與時(shí)間戳互轉(zhuǎn)多種方式

更新時(shí)間：2023年11月13日 11:47:20 作者：上網(wǎng)的蟲不叫網(wǎng)蟲

javascript獲取時(shí)間、時(shí)間戳等,最核心的就是利用Date關(guān)鍵詞去獲取,時(shí)間戳的獲取方式整理了5種方法,后4種是利用new Date()實(shí)例化對象來獲取當(dāng)前時(shí)間,再對當(dāng)前獲取的時(shí)間再進(jìn)一步處理獲取時(shí)間戳,本文給大家介紹的非常詳細(xì),需要的朋友參考下吧

一、javascript獲取時(shí)間戳

時(shí)間戳的獲取方式整理了5種方法，后4種是利用new Date()實(shí)例化對象來獲取當(dāng)前時(shí)間，再對當(dāng)前獲取的時(shí)間再進(jìn)一步處理獲取時(shí)間戳。下面獲取的時(shí)間戳都是毫秒ms級別，如果要轉(zhuǎn)換成秒s級別，可以在獲取的結(jié)果除以1000即可。

方式一： Date.now()

Date.now()獲取當(dāng)前時(shí)間戳：

Date.now() // 1667960502653

方式二： getTime()

getTime()是通過原型方法直接獲取當(dāng)前時(shí)間戳：

new Date().getTime() // 1667961973698
new Date('2022-11-09 23:59:59').getTime() // 1668009599000

方式三： Date.parse()

Date.parse()將字符串或者時(shí)間對象直接轉(zhuǎn)化成時(shí)間戳：

Date.parse(new Date()) // 1667960585000
Date.parse(new Date('2022-11-09 12:00:00')) // 1667966400000
Date.parse('2022-11-09 23:59:59') // 1667966400000

注意：該方式將毫秒級別的數(shù)值被轉(zhuǎn)化為000，如果是用秒級別的時(shí)間戳且不保留小數(shù)的可以使用該方式，如果精確到毫秒級別，不推薦使用。

方式四： valueOf()

valueOf()返回指定對象的原始值獲得準(zhǔn)確的時(shí)間戳：

(new Date()).valueOf() // 1667962876782
(new Date('2022-11-09 23:59:59')).valueOf() // 1668009599000

方式五： Number()

Number()將時(shí)間對象轉(zhuǎn)化成Number類型的時(shí)間戳：

Number(new Date()) // 1667962087928
Number(new Date('2022-11-09 23:59:59')) // 1668009599000

二、javascript時(shí)間戳轉(zhuǎn)時(shí)間

時(shí)間戳轉(zhuǎn)時(shí)間的應(yīng)用場景還是比較常見的，一般在后端返回到前端的數(shù)據(jù)中可能是時(shí)間戳，在前端就需要轉(zhuǎn)換成具體的時(shí)間展示，接下來整理幾種時(shí)間戳轉(zhuǎn)時(shí)間的方法及注意事項(xiàng)。

可以用new Date(時(shí)間戳)將時(shí)間戳轉(zhuǎn)化成中國標(biāo)準(zhǔn)時(shí)間，示例：

new Date(1668009599000);
Wed Nov 09 2022 23:59:59 GMT+0800 (中國標(biāo)準(zhǔn)時(shí)間)

注意：時(shí)間戳必須是Number類型，如果是字符串，解析結(jié)果：Invalid Date

如果后端直接返回時(shí)間戳給前端，前端如何轉(zhuǎn)換呢？下面介紹2種實(shí)現(xiàn)方式：

方式一：生成’2022/11/9 23:59’格式

function getLocalTime(n) {   
	return new Date(parseInt(n)).toLocaleString().replace(/:\d{1,2}$/,' ');   
}
getLocalTime(1668009599000);  2022/11/9 23:59

也可以使用字符串截取的方法，想取幾位就幾位，注意：空格也算：

function getLocalTime(n) {   
	return new Date(parseInt(n)).toLocaleString().substr(0,16)
}
getLocalTime(1668009599000);  2022/11/9 23:59

使用正則表達(dá)式的方式：

function getLocalTime(n) {   
	return new Date(parseInt(n)).toLocaleString().replace(/年|月/g, "-").replace(/日/g, " ");
}
getLocalTime(1668009599000);  2022/11/9 23:59:59

方式二：生成’yyyy-MM-dd hh:mm:ss’格式

function getDate(n){
	n=new Date(n);
	return n.toLocaleDateString().replace(/\//g, "-") + " " + n.toTimeString().substr(0, 8);
}
getDate(1668009599000);  2022-11-9 23:59:59

這種方式在瀏覽器上面有兼容性問題，toLocaleDateString()方法是因?yàn)g覽器而異，比如IE為"2016年8月24日 22:26:19"格式 ;搜狗為"Wednesday, August 24, 2016 22:39:42"

可以用以下方式擁有更好的兼容：

function getData(n) {
	let now = new Date(n),
	y = now.getFullYear(),
	m = now.getMonth() + 1,
	d = now.getDate();
	return y + "-" + (m < 10 ? "0" + m : m) + "-" + (d < 10 ? "0" + d : d) + " " + now.toTimeString().substr(0, 8);
}
getDate(1668009599000);  2022-11-09 23:59:59

到此這篇關(guān)于javascript時(shí)間與時(shí)間戳互轉(zhuǎn)詳解的文章就介紹到這了,更多相關(guān)js 時(shí)間與時(shí)間戳互轉(zhuǎn)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: