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 url传值中文乱码之解决之道
Nov 20 Javascript
jQuery 锚点跳转滚动条平滑滚动一句话代码
Apr 30 Javascript
javascript showModalDialog 内跳转页面的问题
Nov 25 Javascript
iframe 上下滚动条如何默认在下方实现原理
Dec 10 Javascript
浅谈JavaScript中的字符编码转换问题
Jul 07 Javascript
jQuery实现右侧显示可向左滑动展示的深色QQ客服效果代码
Oct 23 Javascript
JavaScript中in和hasOwnProperty区别详解
Aug 04 Javascript
jQuery使用zTree插件实现可拖拽的树示例
Sep 23 jQuery
node.js操作MongoDB的实例详解
Oct 11 Javascript
详解vue-cli之webpack3构建全面提速优化
Dec 25 Javascript
npm 下载指定版本的组件方法
May 17 Javascript
js实现页面导航层级指示效果
Aug 25 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
MYSQL 小技巧 -- LAST_INSERT_ID
2009/11/24 PHP
Admin generator, filters and I18n
2011/10/06 PHP
easyui的tabs update正确用法分享
2014/03/21 PHP
PHP中读取照片exif信息的方法
2014/08/20 PHP
Yii核心组件AssetManager原理分析
2014/12/02 PHP
PHP迭代器和迭代的实现与使用方法分析
2018/04/19 PHP
jQuery 添加/移除CSS类实现代码
2010/02/11 Javascript
js日期、星座的级联显示代码
2014/01/23 Javascript
JavaScript中DOM详解
2015/04/13 Javascript
JS中的Replace方法使用经验分享
2015/05/20 Javascript
很棒的Bootstrap选项卡切换效果
2016/07/01 Javascript
微信小程序模板之分页滑动栏
2017/02/10 Javascript
通过命令行生成vue项目框架的方法
2017/07/12 Javascript
vue 粒子特效的示例代码
2017/09/19 Javascript
webpack4 处理CSS的方法示例
2018/09/03 Javascript
jQuery实现为table表格动态添加或删除tr功能示例
2019/02/19 jQuery
微信小程序进入广告实现代码实例
2019/09/19 Javascript
nodejs环境使用Typeorm连接查询Oracle数据
2019/12/05 NodeJs
Javascript实现贪吃蛇小游戏(含详细注释)
2020/10/23 Javascript
[47:48]DOTA2上海特级锦标赛D组小组赛#2 Liquid VS VP第三局
2016/02/28 DOTA
python 判断一个进程是否存在
2009/04/09 Python
给Python初学者的一些编程技巧
2015/04/03 Python
python进阶_浅谈面向对象进阶
2017/08/17 Python
Python字符编码与函数的基本使用方法
2017/09/30 Python
python将excel转换为csv的代码方法总结
2019/07/03 Python
世界闻名的衬衫制造商:Savile Row Company
2018/07/30 全球购物
中文系学生自荐信范文
2013/11/13 职场文书
班组长安全职责
2014/01/05 职场文书
证婚人搞笑证婚词
2014/01/10 职场文书
父亲节活动策划方案
2014/08/24 职场文书
三方股东合作协议书范本
2014/09/28 职场文书
教师自我剖析材料
2014/09/29 职场文书
介绍信如何写
2015/01/31 职场文书
会计出纳岗位职责
2015/03/31 职场文书
7个你应该知道的JS原生错误类型
2021/04/29 Javascript
电脑无法安装Windows 11怎么办?无法安装Win11的解决方法
2021/11/21 数码科技