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加解密 脚本解密
Feb 22 Javascript
js过滤数组重复元素的方法
Sep 05 Javascript
Javascript前端UI框架Kit使用指南之Kitjs简介
Nov 28 Javascript
JavaScript识别网页关键字并进行描红的方法
Nov 09 Javascript
深入解析JavaScript中的立即执行函数
May 21 Javascript
js自调用匿名函数的三种写法(推荐)
Aug 19 Javascript
详解Bootstrap的iCheck插件checkbox和radio
Aug 24 Javascript
jquery基本选择器匹配多个元素的实现方法
Sep 05 Javascript
JS设计模式之数据访问对象模式的实例讲解
Sep 30 Javascript
在vue中使用express-mock搭建mock服务的方法
Nov 07 Javascript
Three.js实现简单3D房间布局
Dec 30 Javascript
vuex存储复杂参数(如对象数组等)刷新数据丢失的解决方法
Nov 05 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
简单介绍下 PHP5 中引入的 MYSQLI的用途
2007/03/19 PHP
php 字符串替换的方法
2012/01/10 PHP
使用PHP备份MYSQL数据的多种方法
2014/01/15 PHP
简单谈谈php中的unicode和utf8编码
2015/06/10 PHP
新页面打开实际尺寸的图片
2006/08/25 Javascript
javascript 写类方式之五
2009/07/05 Javascript
javascript parseInt与Number函数的区别
2010/01/21 Javascript
contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
2011/09/13 Javascript
JavaScript实现获取dom中class的方法
2015/02/09 Javascript
原生javascript实现的ajax异步封装功能示例
2016/11/03 Javascript
javascript实现简单的可随机变色网页计算器示例
2016/12/30 Javascript
vue2.x select2 指令封装详解
2017/10/12 Javascript
React Router v4 入坑指南(小结)
2018/04/08 Javascript
JavaScript实时更新当前的时间的示例代码
2020/07/15 Javascript
Vue中用JSON实现刷新界面不影响倒计时
2020/10/26 Javascript
ssh批量登录并执行命令的python实现代码
2012/05/25 Python
Python3.x版本中新的字符串格式化方法
2015/04/24 Python
解决pyinstaller打包exe文件出现命令窗口一闪而过的问题
2018/10/31 Python
Django 表单模型选择框如何使用分组
2019/05/16 Python
django删除表重建的实现方法
2019/08/28 Python
Python实现将蓝底照片转化为白底照片功能完整实例
2019/12/13 Python
使用Pandas将inf, nan转化成特定的值
2019/12/19 Python
使用 PyTorch 实现 MLP 并在 MNIST 数据集上验证方式
2020/01/08 Python
C,C++的几个面试题小集
2013/07/13 面试题
毕业生毕业总结的自我评价范文
2013/11/02 职场文书
工作表扬信的范文
2014/01/10 职场文书
幼儿园大班教学反思
2014/02/10 职场文书
小学六年级学生评语
2014/04/22 职场文书
教师暑期培训感言
2014/08/15 职场文书
员工年终自我评价
2014/09/14 职场文书
难以忽视的真相观后感
2015/06/05 职场文书
2016教师六五普法学习心得体会
2016/01/21 职场文书
大学生村官驻村工作心得体会
2016/01/23 职场文书
大学生入党自我鉴定范文
2019/06/21 职场文书
java解析XML详解
2021/07/09 Java/Android
Python 中面向接口编程
2022/05/20 Python