JavaScript时间与时间戳的转换操作实例分析


Posted in Javascript onDecember 07, 2018

本文实例讲述了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.3water.com/code/HtmlJsRun测试,打印结果如下:

JavaScript时间与时间戳的转换操作实例分析

二、时间戳转时间

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.3water.com/code/HtmlJsRun测试效果如下:

JavaScript时间与时间戳的转换操作实例分析

不过这样转换在某些浏览器上会出现不理想的效果,因为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);
}
Javascript 相关文章推荐
javascript一些不错的函数脚本代码
Sep 10 Javascript
jquery乱码与contentType属性设置问题解决方案
Jan 07 Javascript
javascript实现图片跟随鼠标移动效果的方法
May 13 Javascript
javascript单例模式的简单实现方法
Jul 25 Javascript
JavaScript学习笔记之数组求和方法
Mar 23 Javascript
Jquery attr()方法 属性赋值和属性获取详解
Apr 15 Javascript
微信小程序表单验证form提交错误提示效果
Jun 19 Javascript
vue里如何主动销毁keep-alive缓存的组件
Mar 21 Javascript
微信小程序 云开发模糊查询实现解析
Sep 02 Javascript
小程序如何写动态标签的实现方法
Feb 05 Javascript
原生javascript实现类似vue的数据绑定功能示例【观察者模式】
Feb 24 Javascript
vue如何在用户要关闭当前网页时弹出提示的实现
May 31 Javascript
vue+SSM实现验证码功能
Dec 07 #Javascript
详解如何为你的angular app构建一个第三方库
Dec 07 #Javascript
JS实现随机生成10个手机号的方法示例
Dec 07 #Javascript
angular学习之动态创建表单的方法
Dec 07 #Javascript
JavaScript栈和队列相关操作与实现方法详解
Dec 07 #Javascript
微信小程序实现两边小中间大的轮播效果的示例代码
Dec 07 #Javascript
vue webpack打包后图片路径错误的完美解决方法
Dec 07 #Javascript
You might like
ftp类(example.php)
2006/10/09 PHP
PHP统计目录大小的自定义函数分享
2014/11/18 PHP
CodeIgniter删除和设置Cookie的方法
2015/04/07 PHP
php如何获取文件的扩展名
2015/10/28 PHP
PHP语法小结之基础和变量
2015/11/22 PHP
thinkPHP+PHPExcel实现读取文件日期的方法(含时分秒)
2016/07/07 PHP
PHP将身份证正反面两张照片合成一张图片的代码
2017/04/08 PHP
PHP使用DOM对XML解析处理操作示例
2019/07/04 PHP
firefox中JS读取XML文件
2006/12/21 Javascript
js DOM的学习笔记
2011/12/22 Javascript
《JavaScript高级程序设计》阅读笔记(二) ECMAScript中的原始类型
2012/02/27 Javascript
原生JS实现表单checkbook获取已选择的值
2013/07/21 Javascript
JavaScript中的关键字"VAR"使用详解 分享
2013/07/31 Javascript
网页中表单按回车就自动提交的问题的解决方案
2014/11/03 Javascript
javascript比较语义化版本号的实现代码
2016/09/09 Javascript
微信小程序 wx.uploadFile无法上传解决办法
2016/12/14 Javascript
微信小程序 使用canvas制作K线实例详解
2017/01/12 Javascript
原生javascript AJAX 三级联动的实现代码
2018/05/04 Javascript
vue2.0学习之axios的封装与vuex介绍
2018/05/28 Javascript
javascript实现自由编辑图片代码详解
2019/06/21 Javascript
Python 除法小技巧
2008/09/06 Python
python写的一个文本编辑器
2014/01/23 Python
Python和Ruby中each循环引用变量问题(一个隐秘BUG?)
2014/06/04 Python
python获取当前日期和时间的方法
2015/04/30 Python
Python实现数据库编程方法详解
2015/06/09 Python
Scrapy爬虫实例讲解_校花网
2017/10/23 Python
深入理解Python 关于supper 的 用法和原理
2018/02/28 Python
Python json模块dumps、loads操作示例
2018/09/06 Python
Django实现表单验证
2018/09/08 Python
Python树莓派学习笔记之UDP传输视频帧操作详解
2019/11/15 Python
详解Python中openpyxl模块基本用法
2021/02/23 Python
List、Map、Set三个接口,存取元素时,各有什么特点?
2015/09/27 面试题
小学班长竞选稿
2015/11/20 职场文书
长辈生日祝福语大全(72句)
2019/08/09 职场文书
PyTorch的Debug指南
2021/05/07 Python
Java Shutdown Hook场景使用及源码分析
2021/06/15 Java/Android