十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
本文实例讲述了JavaScript时间与时间戳的转换操作。分享给大家供大家参考,具体如下:
“专业、务实、高效、创新、把客户的事当成自己的事”是我们每一个人一直以来坚持追求的企业文化。 创新互联是您可以信赖的网站建设服务商、专业的互联网服务提供商! 专注于网站设计制作、成都网站制作、软件开发、设计服务业务。我们始终坚持以客户需求为导向,结合用户体验与视觉传达,提供有针对性的项目解决方案,提供专业性的建议,创新互联建站将不断地超越自我,追逐市场,引领市场!
一、时间转时间戳:javascript获得时间戳的方法有五种,都是通过实例化时间对象 new Date()
来进一步获取当前的时间戳
1.
var timestamp1 = Date.parse(new Date()); // 结果:1544151187000 不推荐这种办法,毫秒级别的数值被转化为000 console.log(timestamp1);
2.
var timestamp2 = (new Date()).valueOf(); // 结果:1544151187152 通过valueOf()函数返回指定对象的原始值获得准确的时间戳值 console.log(timestamp2);
3.
var timestamp3 = new Date().getTime(); // 结果:1544151187152 ,通过原型方法直接获得当前时间的毫秒值,准确 console.log(timestamp3);
4.
var timetamp4 = Number(new Date()) ; //结果:1544151187152 ,将时间转化为一个number类型的数值,即时间戳 console.log(timetamp4);
5.ES5给Date提供了一种获取时间戳的新特性
var timetamp5 = Date.now(); //结果:1544151187152 console.log(timetamp5);
使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试,打印结果如下:
二、时间戳转时间
var timestamp4 = new Date(1544151250236);//直接用 new Date(时间戳) 格式转化获得当前时间 console.log(timestamp4); console.log(timestamp4.toLocaleDateString().replace(/\//g, "-") + " " + timestamp4.toTimeString().substr(0, 8)); //再利用拼接正则等手段转化为yyyy-MM-dd hh:mm:ss 格式
使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试效果如下:
不过这样转换在某些浏览器上会出现不理想的效果,因为toLocaleDateString()
方法是因浏览器而异的,比如 IE为2018年12月7日 10:54:10 格式 搜狗为Fri Dec 07 2018 10:54:10
可以通过分别获取时间的年月日进行拼接,比如:
function getdate() { var now = new Date(), y = now.getFullYear(), m = ("0" + (now.getMonth() + 1)).slice(-2), d = ("0" + now.getDate()).slice(-2); return y + "-" + m + "-" + d + " " + now.toTimeString().substr(0, 8); }
PS:这里再为大家推荐几款时间及日期相关工具供大家参考使用:
在线日期/天数计算器:
http://tools.jb51.net/jisuanqi/date_jisuanqi
在线日期计算器/相差天数计算器:
http://tools.jb51.net/jisuanqi/datecalc
在线日期天数差计算器:
http://tools.jb51.net/jisuanqi/onlinedatejsq
Unix时间戳(timestamp)转换工具:
http://tools.jb51.net/code/unixtime
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript时间与日期操作技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。