网站建设方案书 文库,工厂型企业做网站,国外优秀购物网站,2018做网站5种获取JavaScript时间戳函数的方法 一、JavasCRIPT时间转时间戳方法一#xff1a;Date.now()方法二#xff1a;Date.parse()方法三#xff1a;valueOf()方法四#xff1a;getTime()方法五#xff1a;Number 二、js时间戳转时间方法一#xff1a;生成2022/1/18 上午10:09… 5种获取JavaScript时间戳函数的方法 一、JavasCRIPT时间转时间戳方法一Date.now()方法二Date.parse()方法三valueOf()方法四getTime()方法五Number 二、js时间戳转时间方法一生成2022/1/18 上午10:09 格式方案1.toLocaleString().replace(/:\d{1,2}$/, )方案2.toLocaleString().substr(0,14)方案3正则 .toLocaleString().replace(/年|月/g, -).replace(/日/g, ) 方法二生成yyyy-MM-dd hh:mm:ss 格式 三、知识普及1、当前系统区域设置格式(toLocaleDateString和toLocaleTimeString)2、普通字符串(toDateString和toTimeString)3、格林威治标准时间(toGMTString)4、全球标准时间(toUTCString)5、Date对象字符串(toString) Date对象构造函数Date对象构造函数参数说明:Date对象返回值Date函数使用语法 Date函数按功能分类日期获取类函数日期设置类函数日期打印类函数日期解析类函数 四、Javascript的时间戳和php的时间戳转换 一、JavasCRIPT时间转时间戳
JavaScript获得时间戳的方法有五种后四种都是通过实例化时间对象new Date() 来进一步获取当前的时间戳JavaScript处理时间主要使用时间对象Date。
方法一Date.now()
Date.now()可以获得当前的时间戳
console.log(Date.now()) //1642471441587方法二Date.parse()
Date.parse()将字符串或者时间对象直接转化成时间戳
Date.parse(new Date()) //1642471535000
Date.parse(2022/1/18 10:05) //1642471500000注意不推荐这种办法毫秒级别的数值被转化为000。
方法三valueOf()
通过valueOf()函数返回指定对象的原始值获得准确的时间戳值:
(new Date()).valueOf() //1642471624512方法四getTime()
通过原型方法直接获得当前时间的毫秒值准确
new Date().getTime() //1642471711588方法五Number
将时间对象转化为一个number类型的数值即时间戳
Number(new Date()) //1642471746435二、js时间戳转时间
我们可以接用 new Date(时间戳) 格式转化获得当前时间,比如
new Date(1472048779952)
Wed Aug 24 2016 22:26:19 GMT0800 (中国标准时间)** 注意时间戳参数必须是 Number 类型如果是字符串解析结果Invalid Date 。 ** 如果后端直接返回时间戳给前端前端如何转换呢下面介绍2种实现方式
方法一生成’2022/1/18 上午10:09 格式
方案1.toLocaleString().replace(/:\d{1,2}$/,’ )
function getLocalTime(n) { return new Date(parseInt(n)).toLocaleString().replace(/:\d{1,2}$/, );
}
getLocalTime(1642471746435) //2022/1/18 上午10:09 方案2.toLocaleString().substr(0,14)
也可以用如下想取几位就几位注意空格也算
function getLocalTime(n) { return new Date(parseInt(n)).toLocaleString().substr(0,14)
}
getLocalTime(1642471746435) //2022/1/18 上午10方案3正则 .toLocaleString().replace(/年|月/g, “-”).replace(/日/g, )
或者利用正则
function getLocalTime(n){return new Date(parseInt(n)).toLocaleString().replace(/年|月/g, -).replace(/日/g, );
}
getLocalTime (1642471746435) //2022/1/18 上午10:09:06方法二生成’yyyy-MM-dd hh:mm:ss 格式
先转换为data对象然后利用拼接正则等手段来实现
function getData(n){nnew Date(n)return n.toLocaleDateString().replace(/\//g, -) n.toTimeString().substr(0, 8)
}
getData(1642471746435) //2022-1-18 10:09:06不过这样转换在某些浏览器上会出现不理想的效果因为toLocaleDateString()方法是因浏览器而异的比如 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);
}
getData(1642471746435) //2022-1-18 10:09:06三、知识普及
1、当前系统区域设置格式(toLocaleDateString和toLocaleTimeString)
(new Date()).toLocaleDateString() (new Date()).toLocaleTimeString()
//2022/1/18 上午10:30:302、普通字符串(toDateString和toTimeString)
(new Date()).toDateString() (new Date()).toTimeString()
//Tue Jan 18 2022 10:30:50 GMT0800 (中国标准时间)3、格林威治标准时间(toGMTString)
(new Date()).toGMTString()
//Tue, 18 Jan 2022 02:31:10 GMT4、全球标准时间(toUTCString)
(new Date()).toUTCString()
//Tue, 18 Jan 2022 02:31:25 GMT5、Date对象字符串(toString)
(new Date()).toString()
Tue Jan 18 2022 10:31:44 GMT0800 (中国标准时间)Date对象构造函数
new Date()
new Date(milliseconds)
new Date(datestring)
new Date(year, month)
new Date(year, month, day)
new Date(year, month, day, hours)
new Date(year, month, day, hours, minutes)
new Date(year, month, day, hours, minutes, seconds)
new Date(year, month, day, hours, minutes, seconds, microseconds)Date对象构造函数参数说明:
milliseconds - 距离JavaScript内部定义的起始时间1970年1月1日的毫秒数
datestring - 字符串代表的日期与时间。此字符串可以使用Date.parse()转换
year - 四位数的年份如果取值为0-99则在其之上加上1900
month - 0(代表一月)-11(代表十二月)之间的月份
day - 1-31之间的日期
hours - 0(代表午夜)-23之间的小时数
minutes - 0-59之间的分钟数
seconds - 0-59之间的秒数
microseconds - 0-999之间的毫秒数Date对象返回值 如果没有任何参数将返回当前日期; 如果参数为一个数字将数字视为毫秒值转换为日期 如果参数为一个字符串将字符串视为日期的字符串表示转换为日期 还可以使用六个构造函数精确定义并返回时间 var d1 new Date();
document.write(d1.toString());
var d2 new Date(2009-08-08 12:12:12);
document.write(d2.toString());
var d3 new Date(2009, 8, 8);
document.write(d3.toString());Date做为JavaScript的一种内置对象必须使用new的方式创建。 Date对象在JavaScript内部的表示方式是距1970年1月1日午夜(GMT时间)的毫秒数(时间戳)我们在这里也把Date的内部表示形式称为时间戳。
可以使用getTime()将Date对象转换为Date的时间戳方法setTime()可以把Date的时间戳转换为Date的标准形式。
Date函数使用语法 date.方法名(参数1,参数2,…); Date.方法名(); date代表一个日期对象的实例Date代表日期对象date.方法名调用的为对象的成员函数 Date.方法名调用的为对象的静态函数 var dnew Date();
var d2Date.UTC();Date函数按功能分类
日期获取类函数
Date() 函数 -- Date对象的构造函数
getDate() 函数 -- 返回date对象中的月份中的天数(1-31)
getDay()函数 -- 返回date对象中的星期中的天数(0-6)
getFullYear() 函数 -- 返回date对象中的四位数年份
getHours()函数 -- 返回date对象中的小时数(0-23)
getMilliseconds() 函数 -- 返回date对象中的毫秒数(0-999)
getMinutes() 函数 -- 返回date对象中的分钟数(0-59)
getMonth() 函数 -- 返回date对象中的月份数(0-11)
getSeconds() 函数 -- 返回date对象中的秒数(0-59)
getTime() 函数 -- 返回date对象的时间戳表示法(毫秒表示)
getTimezoneOffset() 函数 -- 返回本地时间与用UTC表示当前日期的时间差以分钟为单位
getUTCDate() 函数 -- 返回date对象中用世界标准时间(UTC)表示的月份中的一天(1-31)
getUTCDay() 函数 -- 返回date对象中用世界标准时间(UTC)表示的周中的一天(0-6)
getUTCFullYear() 函数 -- 返回date对象中用世界标准时间(UTC)表示的四位年份
getUTCHours() 函数 -- 返回date对象中用世界标准时间(UTC)表示的小时数(0-23)
getUTCMilliseconds() 函数 -- 返回date对象中用世界标准时间(UTC)表示的毫秒数(0-999)
getUTCMinutes() 函数 -- 返回date对象中用世界标准时间(UTC)表示的分钟数(0-59)
getUTCMonth() 函数 -- 返回date对象中用世界标准时间(UTC)表示的月份数(0-11)
getUTCSeconds() 函数 -- 返回date对象中用世界标准时间(UTC)表示的秒数(0-59)
getYear() 函数 -- 返回date对象的年份(真实年份减去1900)
Date.UTC()函数 -- 返回date对象距世界标准时间(UTC)1970年1月1日午夜之间的毫秒数(时间戳)日期设置类函数
setDate() 函数 -- 设置date对象中月份的一天并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
setFullYear() 函数 -- 设置date对象中的年份月份和天并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
setHours() 函数 -- 设置date对象的小时分钟秒和毫秒并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
setMilliseconds() 函数 -- 设置date对象的毫秒数并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
setMinutes() 函数 -- 设置date对象的分钟秒毫秒并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
setMonth() 函数 -- 设置date对象中月份天并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
setSeconds() 函数 -- 设置date对象中月份的一天并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
setTime() 函数 -- 使用毫秒数设置date对象并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
setUTCDate() 函数 -- 设置date对象中用世界标准时间(UTC)表示的月份的一天并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
setUTCFullYear() 函数 -- 设置date对象中用世界标准时间(UTC)表示的年份月份和天并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
setUTCHours() 函数 --- 设置date对象中用世界标准时间(UTC)表示的小时分钟秒和毫秒并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
setUTCMilliseconds() 函数 -- 设置date对象中用世界标准时间(UTC)表示的毫秒数并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
setUTCMinutes() 函数 -- 设置date对象中用世界标准时间(UTC)表示的分钟秒并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
setUTCMonth() 函数 -- 设置date对象中用世界标准时间(UTC)表示的月份天并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
setUTCSeconds() 函数 -- 设置date对象中用世界标准时间(UTC)表示的秒毫秒并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
setYear() 函数 -- 设置date对象的年份(真实年份减去1900)日期打印类函数
toDateString() 函数 -- 返回date对象的日期部分的字符串表示
toGMTString() 函数 -- 返回date对象的格林威治时间(GMT)的字符串表示
toLocaleDateString函数 -- 返回date对象的日期部分的本地化字符串
toLocaleTimeString函数 -- 返回date对象的时间部分的本地化字符串
toTimeString()函数 -- 返回date对象的时间部分的字符串
toUTCString函数 -- 返回date对象的世界标准时间(UTC)的字符串表示日期解析类函数
Date.parse() 函数 -- 解析一个日期的字符串并返回该日期距1970年1月1日午夜之间的毫秒数(时间戳)
JavaScript_Date函数按照字母分类
Date() 函数 -- Date对象的构造函数
getDate() 函数 -- 返回date对象中的月份中的天数(1-31)
getDay()函数 -- 返回date对象中的星期中的天数(0-6)
getFullYear() 函数 -- 返回date对象中的四位数年份
getHours()函数 -- 返回date对象中的小时数(0-23)
getMilliseconds() 函数 -- 返回date对象中的毫秒数(0-999)
getMinutes() 函数 -- 返回date对象中的分钟数(0-59)
getMonth() 函数 -- 返回date对象中的月份数(0-11)
getSeconds() 函数 -- 返回date对象中的秒数(0-59)
getTime() 函数 -- 返回date对象的时间戳表示法(毫秒表示)
getTimezoneOffset() 函数 -- 返回本地时间与用UTC表示当前日期的时间差以分钟为单位
getUTCDate() 函数 -- 返回date对象中用世界标准时间(UTC)表示的月份中的一天(1-31)
getUTCDay() 函数 -- 返回date对象中用世界标准时间(UTC)表示的周中的一天(0-6)
getUTCFullYear() 函数 -- 返回date对象中用世界标准时间(UTC)表示的四位年份
getUTCHours() 函数 -- 返回date对象中用世界标准时间(UTC)表示的小时数(0-23)
getUTCMilliseconds() 函数 -- 返回date对象中用世界标准时间(UTC)表示的毫秒数(0-999)
getUTCMinutes() 函数 -- 返回date对象中用世界标准时间(UTC)表示的分钟数(0-59)
getUTCMonth() 函数 -- 返回date对象中用世界标准时间(UTC)表示的月份数(0-11)
getUTCSeconds() 函数 -- 返回date对象中用世界标准时间(UTC)表示的秒数(0-59)
getYear() 函数 -- 返回date对象的年份(真实年份减去1900)
Date.parse() 函数 -- 解析一个日期的字符串并返回该日期距1970年1月1日午夜之间的毫秒数(时间戳)
setDate() 函数 -- 设置date对象中月份的一天并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
setFullYear() 函数 -- 设置date对象中的年份月份和天并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
setHours() 函数 -- 设置date对象的小时分钟秒和毫秒并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
setMilliseconds() 函数 -- 设置date对象的毫秒数并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
setMinutes() 函数 -- 设置date对象的分钟秒毫秒并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
setMonth() 函数 -- 设置date对象中月份天并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
setSeconds() 函数 -- 设置date对象中月份的一天并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
setTime() 函数 -- 使用毫秒数设置date对象并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
setUTCDate() 函数 -- 设置date对象中用世界标准时间(UTC)表示的月份的一天并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
setUTCFullYear() 函数 -- 设置date对象中用世界标准时间(UTC)表示的年份月份和天并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
setUTCHours() 函数 --- 设置date对象中用世界标准时间(UTC)表示的小时分钟秒和毫秒并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
setUTCMilliseconds() 函数 -- 设置date对象中用世界标准时间(UTC)表示的毫秒数并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
setUTCMinutes() 函数 -- 设置date对象中用世界标准时间(UTC)表示的分钟秒并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
setUTCMonth() 函数 -- 设置date对象中用世界标准时间(UTC)表示的月份天并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
setUTCSeconds() 函数 -- 设置date对象中用世界标准时间(UTC)表示的秒毫秒并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
setYear() 函数 -- 设置date对象的年份(真实年份减去1900)
toDateString() 函数 -- 返回date对象的日期部分的字符串表示
toGMTString() 函数 -- 返回date对象的格林威治时间(GMT)的字符串表示
toLocaleDateString函数 -- 返回date对象的日期部分的本地化字符串
toLocaleTimeString函数 -- 返回date对象的时间部分的本地化字符串
toTimeString()函数 -- 返回date对象的时间部分的字符串
toUTCString函数 -- 返回date对象的世界标准时间(UTC)的字符串表示
Date.UTC()函数 -- 返回date对象距世界标准时间(UTC)1970年1月1日午夜之间的毫秒数(时间戳)四、Javascript的时间戳和php的时间戳转换
js的时间戳通常是13位php的时间戳是10位,转换函数如下
var nowtime (new Date).getTime();/*当前时间戳*/
/*转换时间计算差值*/
function comptime(beginTime,endTime){ var secondNum parseInt((endTime-beginTime*1000)/1000);//计算时间戳差值 if(secondNum0secondNum60){ return secondNum秒前; } else if (secondNum60secondNum3600){ var nTimeparseInt(secondNum/60); return nTime分钟前; } else if (secondNum3600secondNum3600*24){ var nTimeparseInt(secondNum/3600); return nTime小时前; } else{ var nTime parseInt(secondNum/86400); return nTime天前; }
}
t comptime(1642471746,nowtime);//1642471746为PHP通过ajax回传的时间戳, 是10位
console.log(t); //27分钟前
