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 相关文章推荐
分享十五个最佳jQuery 幻灯插件和教程
Mar 27 Javascript
js 点击按钮弹出另一页,选择值后,返回到当前页
May 26 Javascript
兼容IE和Firefox火狐的上下、左右循环无间断滚动JS代码
Apr 19 Javascript
jQuery获得内容和属性示例代码
Jan 16 Javascript
JS实现div居中示例
Apr 17 Javascript
原生js结合html5制作小飞龙的简易跳球
Mar 30 Javascript
jqGrid表格应用之新增与删除数据附源码下载
Dec 02 Javascript
深入理解angularjs过滤器
May 25 Javascript
vue.js 获取select中的value实例
Mar 01 Javascript
JS实现关键词高亮显示正则匹配
Jun 22 Javascript
Element-UI+Vue模式使用总结
Jan 02 Javascript
微信小程序实现搜索框功能及踩过的坑
Jun 19 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
实现在同一方法中获取当前方法中新赋值的session值解决方法
2014/06/26 PHP
php中base64_decode与base64_encode加密解密函数实例
2014/11/24 PHP
PHP列出MySQL中所有数据库的方法
2015/03/12 PHP
PHP用户注册邮件激活账户的实现代码
2017/05/31 PHP
浅析PHP反序列化中过滤函数使用不当导致的对象注入问题
2020/02/15 PHP
JavaScript 中的日期和时间及表示标准介绍
2013/08/21 Javascript
浏览器窗口大小变化时使用resize事件对框架不起作用的解决方法
2014/05/11 Javascript
jquery中attr和prop的区别分析
2015/03/16 Javascript
在Javascript中处理字符串之big()方法的使用
2015/06/08 Javascript
JavaScript正则表达式之multiline属性的应用
2015/06/16 Javascript
BootStrap的alert提示框的关闭后再显示怎么解决
2016/05/17 Javascript
JS触发服务器控件的单击事件(详解)
2016/08/06 Javascript
NodeJS整合银联网关支付(DEMO)
2016/11/09 NodeJs
jquery实现文字单行横移或翻转(上下、左右跳转)
2017/01/08 Javascript
JS实现的Unicode编码转换操作示例
2017/04/28 Javascript
vue使用element-ui的el-input监听不了回车事件的解决方法
2018/01/12 Javascript
js for终止循环 跳出多层循环
2018/10/04 Javascript
NodeJS 文件夹拷贝以及删除功能
2019/09/03 NodeJs
vue.js+element 默认提示中英文操作
2020/11/11 Javascript
python游戏开发之视频转彩色字符动画
2019/04/26 Python
Python除法之传统除法、Floor除法及真除法实例详解
2019/05/23 Python
使用coverage统计python web项目代码覆盖率的方法详解
2019/08/05 Python
django drf框架中的user验证以及JWT拓展的介绍
2019/08/12 Python
python标准库sys和OS的函数使用方法与实例详解
2020/02/12 Python
python thrift 实现 单端口多服务的过程
2020/06/08 Python
Python流程控制语句的深入讲解
2020/06/15 Python
python将数据插入数据库的代码分享
2020/08/16 Python
Johnston & Murphy官网: 约翰斯顿·墨菲牛津总统鞋
2018/01/09 全球购物
新加坡领先的在线生活方式和杂货购物网站:EAMART
2019/04/02 全球购物
优秀党员自我评价范文
2014/09/15 职场文书
合作意向协议书
2015/01/29 职场文书
党建工作目标管理责任书
2015/01/29 职场文书
幼儿园个人总结
2015/02/28 职场文书
钢琴师观后感
2015/06/12 职场文书
mysql在项目中怎么选事务隔离级别
2021/05/25 MySQL
Python的三个重要函数详解
2022/01/18 Python