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:window.onload的使用介绍
Nov 13 Javascript
倒记时60刷新网页的js代码
Feb 18 Javascript
一个不错的仿携程自定义数据下拉选择select
Sep 01 Javascript
全面解析Bootstrap中tooltip、popover的使用方法
Jun 13 Javascript
jQuery制作网页版选项卡
Jul 28 Javascript
jQuery基于ajax方式实现用户名存在性检查功能示例
Feb 10 Javascript
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
Oct 20 jQuery
使用Vue.js和Flask来构建一个单页的App的示例
Mar 21 Javascript
详解javascript函数写法大全
Mar 25 Javascript
Vue+Node服务器查询Mongo数据库及页面数据传递操作实例分析
Dec 20 Javascript
分享一款超好用的JavaScript 打包压缩工具
Apr 26 Javascript
vue @click.native 绑定原生点击事件
Apr 22 Vue.js
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
判断Keep-Alive模式的HTTP请求的结束的实现代码
2011/08/06 PHP
php多维数组去掉重复值示例分享
2014/03/02 PHP
PHP中new static()与new self()的区别异同分析
2014/08/22 PHP
thinkphp四种url访问方式详解
2014/11/28 PHP
PHP递归遍历多维数组实现无限分类的方法
2016/05/06 PHP
HTML5如何适配 iPhone IOS 底部黑条
2021/03/09 HTML / CSS
ASP中进行HTML数据及JS数据编码函数
2009/11/11 Javascript
javascript调试说明
2010/06/07 Javascript
修改jQuery Validation里默认的验证方法
2012/02/14 Javascript
JScript分割字符串示例代码
2013/09/04 Javascript
使用VS开发 Node.js指南
2015/01/06 Javascript
ES6新数据结构Map功能与用法示例
2017/03/31 Javascript
微信小程序form表单组件示例代码
2018/07/15 Javascript
Vue 递归多级菜单的实例代码
2019/05/05 Javascript
JS开发常用工具函数(小结)
2019/07/04 Javascript
Javascript表单序列化原理及实现代码详解
2020/10/30 Javascript
Vue3 响应式侦听与计算的实现
2020/11/11 Javascript
[06:09]辉夜杯主赛事开幕式
2015/12/25 DOTA
python正则分组的应用
2013/11/10 Python
Python 文件处理注意事项总结
2017/04/10 Python
Bottle框架中的装饰器类和描述符应用详解
2017/10/28 Python
使用PyInstaller将python转成可执行文件exe笔记
2018/05/26 Python
Python中__slots__属性介绍与基本使用方法
2018/09/05 Python
删除DataFrame中值全为NaN或者包含有NaN的列或行方法
2018/11/06 Python
python求numpy中array按列非零元素的平均值案例
2020/06/08 Python
Django中Q查询及Q()对象 F查询及F()对象用法
2020/07/09 Python
全网最细 Python 格式化输出用法讲解(推荐)
2021/01/18 Python
拉斯维加斯酒店、演出、旅游、俱乐部及更多:Vegas.com
2019/02/28 全球购物
Blue Nile中国官网:全球知名的钻石和珠宝网络零售商
2020/03/22 全球购物
是什么让J2EE适合用来开发多层的分布式的应用
2015/01/16 面试题
商务日语专业毕业生求职信
2013/10/26 职场文书
经典大学生求职信范文
2014/01/06 职场文书
销售人员求职的自我评价分享
2014/03/15 职场文书
村创先争优活动总结
2014/08/28 职场文书
生产设备维护保养制度
2015/08/06 职场文书
2016党员学习心得体会范文
2016/01/23 职场文书