js時間戳轉(zhuǎn)為日期格式的方法
更新時間：2021年04月29日 14:20:05 作者：jingwhale
這篇文章主要介紹了js時間戳轉(zhuǎn)為日期格式的方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
什么是Unix時間戳(Unix timestamp)： Unix時間戳(Unix timestamp)，或稱Unix時間(Unix time)、POSIX時間(POSIX time)，是一種時間表示方式，定義為從格林威治時間1970年01月01日00時00分00秒起至現(xiàn)在的總秒數(shù)。Unix時間戳不僅被使用在Unix系統(tǒng)、類Unix系統(tǒng)中，也在許多其他操作系統(tǒng)中被廣泛采用。
目前相當(dāng)一部分操作系統(tǒng)使用32位二進制數(shù)字表示時間。此類系統(tǒng)的Unix時間戳最多可以使用到格林威治時間2038年01月19日03時14分07秒（二進制：01111111 11111111 11111111 11111111）。其后一秒，二進制數(shù)字會變?yōu)?0000000 00000000 00000000 00000000，發(fā)生溢出錯誤，造成系統(tǒng)將時間誤解為1901年12月13日20時45分52秒。這很可能會引起軟件故障，甚至是系統(tǒng)癱瘓。使用64位二進制數(shù)字表示時間的系統(tǒng)（最多可以使用到格林威治時間292,277,026,596年12月04日15時30分08秒）則基本不會遇到這類溢出問題。
一.js將時間轉(zhuǎn)換成時間戳
1.js獲取當(dāng)前時間戳的方法
var timestamp1 = Date.parse(new Date()); var timestamp2 = (new Date()).valueOf(); var timestamp3 = new Date().getTime();
第一種：獲取的時間戳是把毫秒改成000顯示，第二種和第三種是獲取了當(dāng)前毫秒的時間戳。
2.js獲取制定時間戳的方法
var oldTime = (new Date("2015/06/23 08:00:20")).getTime()/1000;
getTime()返回數(shù)值的單位是毫秒。
二.js把時間戳轉(zhuǎn)為為普通日期格式
1.Date toLocaleString方法
function getLocalTime(nS) {
return new Date(parseInt(nS) * 1000).toLocaleString().replace(/:\d{1,2}$/,' ');
}
parseInt() 函數(shù)可解析一個字符串，并返回一個整數(shù)。
js中時間操作單位是毫秒。
toLocaleString() 方法可根據(jù)本地時間把 Date 對象轉(zhuǎn)換為字符串，并返回結(jié)果。
replace() 方法用于在字符串中用一些字符替換另一些字符，或替換一個與正則表達式匹配的子串。
replace(/:\d{1,2}$/,' ')驗證替換以：開始有一位或二位數(shù)字的結(jié)束字符串，就是秒；替換為空
顯示如下：
所以我們可以利用正則表達式改變我們想要的日期格式。
2.Date 屬性方法
function add0(m){return m<10?'0'+m:m }
function format(shijianchuo)
{
//shijianchuo是整數(shù)，否則要parseInt轉(zhuǎn)換
var time = new Date(shijianchuo);
var y = time.getFullYear();
var m = time.getMonth()+1;
var d = time.getDate();
var h = time.getHours();
var mm = time.getMinutes();
var s = time.getSeconds();
return y+'-'+add0(m)+'-'+add0(d)+' '+add0(h)+':'+add0(mm)+':'+add0(s);
}
三.封裝的時間格式器
/**
* 和PHP一樣的時間戳格式化函數(shù)
* @param {string} format 格式
* @param {int} timestamp 要格式化的時間 默認為當(dāng)前時間
* @return {string} 格式化的時間字符串
*/
function date(format, timestamp){
var a, jsdate=((timestamp) ? new Date(timestamp*1000) : new Date());
var pad = function(n, c){
if((n = n + "").length < c){
return new Array(++c - n.length).join("0") + n;
} else {
return n;
}
};
var txt_weekdays = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
var txt_ordin = {1:"st", 2:"nd", 3:"rd", 21:"st", 22:"nd", 23:"rd", 31:"st"};
var txt_months = ["", "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
var f = {
// Day
d: function(){return pad(f.j(), 2)},
D: function(){return f.l().substr(0,3)},
j: function(){return jsdate.getDate()},
l: function(){return txt_weekdays[f.w()]},
N: function(){return f.w() + 1},
S: function(){return txt_ordin[f.j()] ? txt_ordin[f.j()] : 'th'},
w: function(){return jsdate.getDay()},
z: function(){return (jsdate - new Date(jsdate.getFullYear() + "/1/1")) / 864e5 >> 0},
// Week
W: function(){
var a = f.z(), b = 364 + f.L() - a;
var nd2, nd = (new Date(jsdate.getFullYear() + "/1/1").getDay() || 7) - 1;
if(b <= 2 && ((jsdate.getDay() || 7) - 1) <= 2 - b){
return 1;
} else{
if(a <= 2 && nd >= 4 && a >= (6 - nd)){
nd2 = new Date(jsdate.getFullYear() - 1 + "/12/31");
return date("W", Math.round(nd2.getTime()/1000));
} else{
return (1 + (nd <= 3 ? ((a + nd) / 7) : (a - (7 - nd)) / 7) >> 0);
}
}
},
// Month
F: function(){return txt_months[f.n()]},
m: function(){return pad(f.n(), 2)},
M: function(){return f.F().substr(0,3)},
n: function(){return jsdate.getMonth() + 1},
t: function(){
var n;
if( (n = jsdate.getMonth() + 1) == 2 ){
return 28 + f.L();
} else{
if( n & 1 && n < 8 || !(n & 1) && n > 7 ){
return 31;
} else{
return 30;
}
}
},
// Year
L: function(){var y = f.Y();return (!(y & 3) && (y % 1e2 || !(y % 4e2))) ? 1 : 0},
//o not supported yet
Y: function(){return jsdate.getFullYear()},
y: function(){return (jsdate.getFullYear() + "").slice(2)},
// Time
a: function(){return jsdate.getHours() > 11 ? "pm" : "am"},
A: function(){return f.a().toUpperCase()},
B: function(){
// peter paul koch:
var off = (jsdate.getTimezoneOffset() + 60)*60;
var theSeconds = (jsdate.getHours() * 3600) + (jsdate.getMinutes() * 60) + jsdate.getSeconds() + off;
var beat = Math.floor(theSeconds/86.4);
if (beat > 1000) beat -= 1000;
if (beat < 0) beat += 1000;
if ((String(beat)).length == 1) beat = "00"+beat;
if ((String(beat)).length == 2) beat = "0"+beat;
return beat;
},
g: function(){return jsdate.getHours() % 12 || 12},
G: function(){return jsdate.getHours()},
h: function(){return pad(f.g(), 2)},
H: function(){return pad(jsdate.getHours(), 2)},
i: function(){return pad(jsdate.getMinutes(), 2)},
s: function(){return pad(jsdate.getSeconds(), 2)},
//u not supported yet
// Timezone
//e not supported yet
//I not supported yet
O: function(){
var t = pad(Math.abs(jsdate.getTimezoneOffset()/60*100), 4);
if (jsdate.getTimezoneOffset() > 0) t = "-" + t; else t = "+" + t;
return t;
},
P: function(){var O = f.O();return (O.substr(0, 3) + ":" + O.substr(3, 2))},
//T not supported yet
//Z not supported yet
// Full Date/Time
c: function(){return f.Y() + "-" + f.m() + "-" + f.d() + "T" + f.h() + ":" + f.i() + ":" + f.s() + f.P()},
//r not supported yet
U: function(){return Math.round(jsdate.getTime()/1000)}
};
return format.replace(/[\]?([a-zA-Z])/g, function(t, s){
if( t!=s ){
// escaped
ret = s;
} else if( f[s] ){
// a date function exists
ret = f[s]();
} else{
// nothing special
ret = s;
}
return ret;
});
}
調(diào)用方法 能夠很方便的將時間戳轉(zhuǎn)換成日期的格式，如：
date('Y-m-d','1350052653');//很方便的將時間戳轉(zhuǎn)換成了2012-10-11
date('Y-m-d H:i:s','1350052653');//得到的結(jié)果是2012-10-12 22:37:33
以上就是js時間戳轉(zhuǎn)為日期格式的方法，希望對大家的學(xué)習(xí)有所幫助。
相關(guān)文章
總所周知啊，身為一個合格的前端搬磚工，會編寫并且添加一些基礎(chǔ)的動畫效果可謂是比較基礎(chǔ)且輕車熟路的技能了。本文將教大家如何使用原生JS添加進場和退場動畫，感興趣的可以了解一下2022-10-10
ES6允許按照一定模式從數(shù)組或?qū)ο笾刑崛≈?，然后對變量進行賦值，稱為解構(gòu)。只要等號兩邊的模式相同，左邊的變量就會被賦予對應(yīng)的值，這種寫法屬于“模式匹配”。統(tǒng)稱起來就叫做“解構(gòu)賦值”。2021-05-05
這篇文章主要為大家詳細介紹了js控住DOM實現(xiàn)發(fā)布微博效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-08-08
JavaScript實現(xiàn)簡單省市聯(lián)動
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)簡單省市聯(lián)動，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10
清空代碼防止查看源代碼的js代碼...2007-07-07
探究Javascript模板引擎mustache.js使用方法
這篇文章主要為大家介紹了Javascript模板引擎mustache.js使用方法，mustache.js是一個簡單強大的Javascript模板引擎，使用它可以簡化在js代碼中的html編寫，壓縮后只有9KB，非常值得在項目中使用，感興趣的小伙伴們可以參考一下2016-01-01
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)左側(cè)滑欄過程解析,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-08-08
用JS替換字符串時。只能替換掉字符串中第一個匹配對象,有時候需要替換全部的字符，下文是具體的實現(xiàn)方法，大家可以參考下2014-12-12
SVG.js是一個輕量級的JavaScript庫，允許你輕松操作SVG和定義動畫。這篇文章主要介紹了Svg.js實例教程及使用手冊詳解（一） 的相關(guān)資料,需要的朋友可以參考下2016-05-05
這篇文章主要介紹了js針對圖片加載失敗的處理方法,結(jié)合實例形式分析了js針對圖片加載失敗時的事件監(jiān)聽、響應(yīng)等相關(guān)操作技巧,需要的朋友可以參考下2019-08-08