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 相关文章推荐
jq选项卡鼠标延迟的插件实例
May 13 Javascript
jquery实现ajax提交form表单的方法总结
Mar 03 Javascript
javascript结合CSS实现苹果开关按钮特效
Apr 07 Javascript
获取IE浏览器Cookie信息的方法
Jan 23 Javascript
ReactJs设置css样式的方法
Jun 08 Javascript
详解webpack+angular2开发环境搭建
Jun 28 Javascript
如何用webpack4带你实现一个vue的打包的项目
Jun 20 Javascript
详解vue 命名视图
Aug 14 Javascript
js点击事件的执行过程实例分析【冒泡与捕获】
Apr 11 Javascript
vue自动添加浏览器兼容前后缀操作
Aug 13 Javascript
vue组件中传值EventBus的使用及注意事项说明
Nov 16 Javascript
vue 根据选择的月份动态展示日期对应的星期几
Feb 06 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操作SVN版本服务器类代码
2011/11/27 PHP
Mysql的Root密码忘记,查看或修改的解决方法(图文介绍)
2013/06/14 PHP
PHP error_log()将错误信息写入一个文件(定义和用法)
2013/10/25 PHP
PHP生成网站桌面快捷方式代码分享
2014/10/11 PHP
php5.4传引用时报错问题分析
2016/01/22 PHP
php项目中类的自动加载实例讲解
2019/09/12 PHP
extjs 学习笔记(三) 最基本的grid
2009/10/15 Javascript
初窥JQuery-Jquery简介 入门了解篇
2010/11/25 Javascript
JavaScript 产生不重复的随机数三种实现思路
2012/12/13 Javascript
jquery插件开发之实现google+圈子选择功能
2014/03/10 Javascript
js实现拖拽效果(构造函数)
2015/12/14 Javascript
jQuery制作网页版选项卡
2016/07/28 Javascript
全面解析标签页的切换方式
2016/08/21 Javascript
vue.js+boostrap项目实践(案例详解)
2016/09/21 Javascript
JavaScript微信定位功能实现方法
2016/11/29 Javascript
微信公众平台开发教程(四) 实例入门:机器人回复(附源码)
2016/12/02 Javascript
vue自动化表单实例分析
2018/05/06 Javascript
使用vue-cli打包过程中的步骤以及问题的解决
2018/05/08 Javascript
如何在Express4.x中愉快地使用async的方法
2020/11/18 Javascript
[01:27:43]VGJ.S vs TNC Supermajor 败者组 BO3 第三场 6.6
2018/06/07 DOTA
[01:09:19]DOTA2-DPC中国联赛 正赛 VG vs Aster BO3 第二场 2月28日
2021/03/11 DOTA
使用python实现rsa算法代码
2016/02/17 Python
深入解答关于Python的11道基本面试题
2017/04/01 Python
Python标准库笔记struct模块的使用
2018/02/22 Python
selenium+PhantomJS爬取豆瓣读书
2019/08/26 Python
使用pyinstaller逆向.pyc文件
2019/12/20 Python
Python中join()函数多种操作代码实例
2020/01/13 Python
Docker部署Python爬虫项目的方法步骤
2020/01/19 Python
TensorFlow实现checkpoint文件转换为pb文件
2020/02/10 Python
css3动画效果小结(推荐)
2016/07/25 HTML / CSS
canvas 橡皮筋式线条绘图应用方法
2019/02/13 HTML / CSS
Bonami斯洛伐克:购买家具和家居饰品
2019/07/02 全球购物
ruby如何进行集成操作?Ruby能进行多重继承吗?
2013/10/16 面试题
婚礼主持词
2014/03/13 职场文书
坎儿井导游词
2015/02/09 职场文书
小学生心理健康活动总结
2015/05/08 职场文书