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 相关文章推荐
javascript:;与javascript:void(0)使用介绍
Jun 05 Javascript
jQuery插件multiScroll实现全屏鼠标滚动切换页面特效
Apr 12 Javascript
jQuery实现Meizu魅族官方网站的导航菜单效果
Sep 14 Javascript
javascript每日必学之基础入门
Feb 16 Javascript
JS实现列表的响应式排版(推荐)
Sep 01 Javascript
JavaScript之浏览器对象_动力节点Java学院整理
Jul 03 Javascript
基于vue配置axios的方法步骤
Nov 09 Javascript
用react-redux实现react组件之间数据共享的方法
Jun 08 Javascript
vue移动端监听滚动条高度的实现方法
Sep 03 Javascript
JavaScript实现五子棋游戏的方法详解
Jul 08 Javascript
layui使用数据表格实现购物车功能
Jul 26 Javascript
vue-router路由懒加载及实现的3种方式
Feb 28 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
用在PHP里的JS打印函数
2006/10/09 PHP
PHP+ajax 无刷新删除数据
2010/02/20 PHP
关于PHP的curl开启问题探讨
2014/04/08 PHP
海量经典的jQuery插件集合
2010/01/12 Javascript
jquery1.4.2 for Visual studio 2010 模板文件
2010/07/14 Javascript
javascript跨域刷新实现代码
2011/01/01 Javascript
jQuery+CSS 实现随滚动条增减的汽水瓶中的液体效果
2011/09/26 Javascript
多个js与css文件的合并方法详细说明
2012/12/26 Javascript
jquery改变disabled的boolean状态的三种方法
2013/12/13 Javascript
JS正则表达式验证数字代码
2014/01/28 Javascript
Document.location.href和.replace的区别示例介绍
2014/03/04 Javascript
基于javascript html5实现多文件上传
2016/03/03 Javascript
js实现文字超出部分用省略号代替实例代码
2016/09/01 Javascript
jQuery鼠标移动图片上实现放大效果
2017/06/25 jQuery
利用node.js实现反向代理的方法详解
2017/07/24 Javascript
js中el表达式的使用和非空判断方法
2018/03/28 Javascript
Vue如何获取数据列表展示
2019/12/11 Javascript
[46:03]LGD vs VGJ.T 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python ORM框架SQLAlchemy学习笔记之关系映射实例
2014/06/10 Python
GitHub 热门:Python 算法大全,Star 超过 2 万
2019/04/29 Python
Flask框架实现的前端RSA加密与后端Python解密功能详解
2019/08/13 Python
python几种常用功能实现代码实例
2019/12/25 Python
Python爬虫库requests获取响应内容、响应状态码、响应头
2020/01/25 Python
python简单的三元一次方程求解实例
2020/04/02 Python
python读取excel数据绘制简单曲线图的完整步骤记录
2020/10/30 Python
python中pop()函数的语法与实例
2020/12/01 Python
Python实现对word文档添加密码去除密码的示例代码
2020/12/29 Python
印度电子产品购物网站:Vijay Sales
2021/02/16 全球购物
银行个人求职自荐信范文
2013/12/16 职场文书
公务员转正鉴定材料
2014/02/11 职场文书
工作建议书范文
2014/05/13 职场文书
保护野生动物倡议书
2014/05/16 职场文书
班子个人四风问题整改措施
2014/10/04 职场文书
建议书范文
2015/02/05 职场文书
2015党建工作简报
2015/07/21 职场文书
keepalived + nginx 实现高可用方案
2022/12/24 Servers