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 相关文章推荐
最佳6款用于移动网站开发的jQuery 图片滑块插件小结
Jul 20 Javascript
jquery next nextAll nextUntil siblings的区别介绍
Oct 05 Javascript
jQuery实现滑动页面固定顶部显示(可根据显示位置消失与替换)
Oct 28 Javascript
BootStrap的JS插件之轮播效果案例详解
May 16 Javascript
JS实现获取剪贴板内容的方法
Jun 21 Javascript
jQuery插件HighCharts绘制2D金字塔图效果示例【附demo源码下载】
Mar 09 Javascript
JS实现基于Sketch.js模拟成群游动的蝌蚪运动动画效果【附demo源码下载】
Aug 18 Javascript
Vue-cli创建项目从单页面到多页面的方法
Sep 20 Javascript
vue中的scope使用详解
Oct 29 Javascript
深入理解JavaScript和TypeScript中的class
Apr 22 Javascript
使用Vue中 v-for循环列表控制按钮隐藏显示功能
Apr 23 Javascript
JS实现移动端可折叠导航菜单(现代都市风)
Jul 07 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
PHP漏洞全解(详细介绍)
2012/11/13 PHP
Zend Framework动作助手Json用法实例分析
2016/03/05 PHP
php resizeimage 部分jpg文件 生成缩略图失败的原因分析及解决办法
2016/03/23 PHP
常用PHP数组排序函数归纳
2016/08/08 PHP
JavaScript 对象的属性和方法4种不同的类型
2010/03/19 Javascript
jQuery基于当前元素进行下一步的遍历
2014/05/20 Javascript
常用的jquery模板插件——jQuery Boilerplate介绍
2014/09/23 Javascript
javascript+canvas制作九宫格小程序
2014/12/28 Javascript
JavaScript生成的动态下雨背景效果实现方法
2015/02/25 Javascript
jQuery Timelinr实现垂直水平时间轴插件(附源码下载)
2016/02/16 Javascript
jQuery实现表格隔行及滑动,点击时变色的方法【测试可用】
2016/08/20 Javascript
AngularJS通过$sce输出html的方法
2016/09/22 Javascript
vue.js实现含搜索的多种复选框(附源码)
2017/03/23 Javascript
vue2组件实现懒加载浅析
2017/03/29 Javascript
基于JavaScript实现的折半查找算法示例
2017/04/14 Javascript
详解axios在node.js中的post使用
2017/04/27 Javascript
MvcPager分页控件 适用于Bootstrap
2017/06/03 Javascript
jQuery.Ajax()的data参数类型详解
2017/07/23 jQuery
Angular项目中$scope.$apply()方法的使用详解
2017/07/26 Javascript
vue.js $refs和$emit 父子组件交互的方法
2017/12/20 Javascript
JS中使用new Option()实现时间联动效果
2018/12/10 Javascript
vue仿淘宝滑动验证码功能(样式模仿)
2019/12/10 Javascript
JavaScript实现无限轮播效果
2020/11/19 Javascript
[01:13]这,就是刀塔
2014/07/16 DOTA
python基于itchat模块实现微信防撤回
2019/04/29 Python
Python解释器及PyCharm工具安装过程
2020/02/26 Python
Django通过设置CORS解决跨域问题
2020/11/26 Python
使用Python制作一个数据预处理小工具(多种操作一键完成)
2021/02/07 Python
电气技术员岗位职责
2013/11/19 职场文书
英语演讲稿范文
2014/01/03 职场文书
业务部门经理岗位职责
2014/02/23 职场文书
法定代表人授权委托书
2014/04/04 职场文书
会计专业毕业生求职信
2014/07/04 职场文书
单位实习介绍信
2015/05/05 职场文书
在K8s上部署Redis集群的方法步骤
2021/04/27 Redis
MySQL的全局锁和表级锁的具体使用
2021/08/23 MySQL