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 相关文章推荐
Using the TextRange Object
Oct 14 Javascript
幻灯片带网页设计中的20个奇妙应用示例小结
May 27 Javascript
JS实现图片预加载无需等待
Dec 21 Javascript
网页收藏夹显示ICO图标(代码少)
Aug 04 Javascript
js实现仿MSN带关闭功能的右下角弹窗代码
Sep 04 Javascript
详解微信小程序 wx.uploadFile 的编码坑
Jan 23 Javascript
JS实现复制功能
Mar 01 Javascript
原生js jquery ajax请求以及jsonp的调用方法
Aug 04 jQuery
elemetUi 组件--el-upload实现上传Excel文件的实例
Oct 27 Javascript
使用Vue-cli3.0创建的项目 如何发布npm包
Oct 10 Javascript
js实现拖拽与碰撞检测
Sep 18 Javascript
uniapp实现可以左右滑动导航栏
Oct 21 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
UTF-8正则表达式如何匹配汉字
2015/08/03 PHP
FormValid0.5版本发布,带ajax自定义验证例子
2007/08/17 Javascript
jquery select操作的日期联动实现代码
2009/12/06 Javascript
比Jquery的document.ready更快的方法
2010/04/28 Javascript
在js文件中如何获取basePath处理js路径问题
2013/07/10 Javascript
详解JavaScript函数绑定
2013/08/18 Javascript
JQuery设置文本框和密码框得到焦点时的样式
2013/08/30 Javascript
Area 区域实现post提交数据的js写法
2014/04/22 Javascript
七个很有意思的PHP函数
2014/05/12 Javascript
Jquery解析Json格式数据过程代码
2014/10/17 Javascript
js实现touch移动触屏滑动事件
2015/04/17 Javascript
javascript 网页进度条简单实例
2017/02/22 Javascript
微信小程序 本地数据读取实例
2017/04/27 Javascript
angular ng-click防止重复提交实例
2017/06/16 Javascript
jQuery实现用户信息表格的添加和删除功能
2017/09/12 jQuery
使用iView Upload 组件实现手动上传图片的示例代码
2018/10/01 Javascript
详解一个基于react+webpack的多页面应用配置
2019/01/21 Javascript
javascript设计模式 ? 简单工厂模式原理与应用实例分析
2020/04/09 Javascript
微信小程序实现文件预览
2020/10/22 Javascript
[02:53]2018年度DOTA2最佳战队-完美盛典
2018/12/17 DOTA
深入学习Python中的装饰器使用
2016/06/20 Python
python获取指定字符串中重复模式最高的字符串方法
2018/06/29 Python
python 应用之Pycharm 新建模板默认添加编码格式-作者-时间等信息【推荐】
2019/06/17 Python
Python3环境安装Scrapy爬虫框架过程及常见错误
2019/07/12 Python
Django之提交表单与前后端交互的方法
2019/07/19 Python
Python Selenium 设置元素等待的三种方式
2020/03/18 Python
vscode写python时的代码错误提醒和自动格式化的方法
2020/05/07 Python
《晏子使楚》教学反思
2014/02/08 职场文书
IT工程师岗位职责
2014/07/04 职场文书
市场策划求职信
2014/08/07 职场文书
消防志愿者活动方案
2014/08/23 职场文书
总经理岗位职责范本
2015/04/01 职场文书
公司奖励通知
2015/04/21 职场文书
男方家长婚礼致辞
2015/07/27 职场文书
Redis全局ID生成器的实现
2022/06/05 Redis
TS 类型收窄教程示例详解
2022/09/23 Javascript