视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
js实现时间戳转时间格式的代码详解
2020-11-27 19:32:29 责编:小采
文档


本篇文章给大家带来的内容是关于js实现时间戳转时间格式的代码详解,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

前端开发过程中,常常需要将时间戳转化为标准时间格式供用户浏览。不借助方法库的情况下,如何又快又好的实现呢?下面介绍两种方法。

老方法

平常用的基本是这个方法,用Date方法依次将年月日时分秒一个个算出来,然后拼接成需要的时间格式字符串。

function transformTime(timestamp = +new Date()) {
 if (timestamp) {
 var time = new Date(timestamp);
 var y = time.getFullYear(); //getFullYear方法以四位数字返回年份
 var M = time.getMonth() + 1; // getMonth方法从 Date 对象返回月份 (0 ~ 11),返回结果需要手动加一
 var d = time.getDate(); // getDate方法从 Date 对象返回一个月中的某一天 (1 ~ 31)
 var h = time.getHours(); // getHours方法返回 Date 对象的小时 (0 ~ 23)
 var m = time.getMinutes(); // getMinutes方法返回 Date 对象的分钟 (0 ~ 59)
 var s = time.getSeconds(); // getSeconds方法返回 Date 对象的秒数 (0 ~ 59)
 return y + '-' + M + '-' + d + ' ' + h + ':' + m + ':' + s;
 } else {
 return '';
 }
}
transformTime(); // "2018-8-8 12:9:12"

老方法改进版

上面的转换方法,通过将时间戳转换为Date实例,利用Date对应的方法获取对应的年月日时分秒,获取的时间格式是‘2018-8-8 12:9:12’,看着有点别扭。为了转化为我们常用的时间格式,还需要注意对小于10的值,在前面添加字符串‘0’,转换为‘2018-08-08 12:09:12’这种时间格式。

function transformTime(timestamp = +new Date()) {
 if (timestamp) {
 var time = new Date(timestamp);
 var y = time.getFullYear();
 var M = time.getMonth() + 1;
 var d = time.getDate();
 var h = time.getHours();
 var m = time.getMinutes();
 var s = time.getSeconds();
 return y + '-' + addZero(M) + '-' + addZero(d) + ' ' + addZero(h) + ':' + addZero(m) + ':' + addZero(s);
 } else {
 return '';
 }
}
function addZero(m) {
 return m < 10 ? '0' + m : m;
}
transformTime(); // "2018-08-08 12:09:12"

对返回小于10的时间数值进行处理,用‘addZero’方法为字符串添加‘0’,这样格式就对称了。

新思路

为了将时间戳转换为我们需要的时间格式,我们写了两个函数,加起来十几行。前段时间,部门大佬告知了另外一种方式,一行代码完成时间戳转换为‘YYYY-MM-DD HH:mm:ss’形式的时间格式,顿时代码精简了很多,话不多说,亮出代码

function time(time = +new Date()) {
 var date = new Date(time + 8 * 3600 * 1000); // 增加8小时
 return date.toJSON().substr(0, 19).replace('T', ' ');
}
time(); // "2018-08-09 18:25:54"

Date的‘toJSON’方法返回格林威治时间的JSON格式字符串,实际是使用‘toISOString’方法的结果。字符串形如‘2018-08-09T10:20:54.396Z’,转化为北京时间需要额外增加八个时区,我们需要取字符串前19位,然后把‘T’替换为空格,即是我们需要的时间格式。

function time(time = +new Date()) {
 var date = new Date(time + 8 * 3600 * 1000);
 return date.toJSON().substr(0, 19).replace('T', ' ').replace(/-/g, '.');
}
time(); // "2018.08.09 18:25:54"

把时间格式中的‘-’修改为‘.’或者其他符号都是可以的。对比老方法,这种方法代码量比以前省了不止一星半点的,读起来也简洁多了。如果时间格式需要毫秒数,只需要获取前23位字符串,和上面一样用replace方法替换。

相关推荐:

js如何来导出以及导入excel?js导入导出excel的方法(纯代码)

js如何实现下拉菜单的左右移动(代码)

js如何利用setInterval定时器方法实现轮播图 (完整代码)

下载本文
显示全文
专题