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 相关文章推荐
js创建对象的区别示例介绍
Jul 24 Javascript
JavaScript列表框listbox全选和反选的实现方法
Mar 18 Javascript
浅谈window对象的scrollBy()方法
Jul 15 Javascript
jQuery代码实现发展历程时间轴特效
Jul 30 Javascript
详解Matlab中 sort 函数用法
Mar 20 Javascript
jQuery隐藏和显示效果实现
Apr 06 Javascript
JS监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法
Aug 05 Javascript
JS中去掉array中重复元素的方法
May 26 Javascript
JavaScript循环_动力节点Java学院整理
Jun 28 Javascript
简单实现节流函数和防抖函数过程解析
Oct 08 Javascript
Webpack5正式发布,有哪些新特性
Oct 12 Javascript
如何在 ant 的table中实现图片的渲染操作
Oct 28 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
Amazon Prime Video平台《无限住人 -IMMORTAL-》2020年开始TV放送!
2020/03/06 日漫
php中定义网站根目录的常用方法
2010/08/08 PHP
thinkPHP框架动态配置用法实例分析
2018/06/14 PHP
Javascript客户端脚本的设计和应用
2006/08/21 Javascript
正则表达式判断是否存在中文和全角字符和判断包含中文字符串长度
2008/09/27 Javascript
JQuery Tips(2) 关于$()包装集你不知道的
2009/12/14 Javascript
JS对象与JSON格式数据相互转换
2012/02/20 Javascript
javascript获得网页窗口实际大小的示例代码
2013/09/21 Javascript
自己使用js/jquery写的一个定制对话框控件
2014/05/02 Javascript
javascript框架设计读书笔记之数组的扩展与修复
2014/12/02 Javascript
五种js判断是否为整数类型方式
2015/12/03 Javascript
jquery checkbox的相关操作总结
2016/10/17 Javascript
微信小程序 image组件binderror使用例子与js中的onerror区别
2017/02/15 Javascript
利用NPM淘宝的node.js镜像加速nvm
2017/03/27 Javascript
jquery 一键复制到剪切板的实例
2017/09/20 jQuery
vue+vuex+axios+echarts画一个动态更新的中国地图的方法
2017/12/19 Javascript
使用Mock.js生成前端测试数据
2020/12/13 Javascript
Python简单删除列表中相同元素的方法示例
2017/06/12 Python
Tensorflow的可视化工具Tensorboard的初步使用详解
2018/02/11 Python
Python基础之条件控制操作示例【if语句】
2019/03/23 Python
搭建python django虚拟环境完整步骤详解
2019/07/08 Python
django 读取图片到页面实例
2020/03/27 Python
python中uuid模块实例浅析
2020/12/29 Python
CSS3弹性盒模型开发笔记(二)
2016/04/26 HTML / CSS
世界第一冲浪品牌:O’Neill
2016/08/30 全球购物
运动会的口号
2014/06/09 职场文书
体育馆的标语
2014/06/24 职场文书
毕业生求职信范文
2014/06/29 职场文书
工作经历证明书范文
2014/11/02 职场文书
小学生差生评语
2014/12/29 职场文书
个人维稳承诺书
2015/05/04 职场文书
初中生活随笔
2015/08/15 职场文书
2016年公司“3.12”植树节活动总结
2016/03/16 职场文书
Python多个MP4合成视频的实现方法
2021/07/16 Python
Python 中的Sympy详细使用
2021/08/07 Python
Z-Order加速Hudi大规模数据集方案分析
2022/03/31 Servers