热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

JS时间格式与时间戳的相互转换

有些时候在写前端的时候,需要用到一些时间,但是时间的格式又比较多,除了时间戳之外,还有各种各样的格式。更多的时候还需要我们把

有些时候在写前端的时候,需要用到一些时间,但是时间的格式又比较多,除了时间戳之外,还有各种各样的格式。

 

更多的时候还需要我们把这些格式进行相互转换。所以为了以后使用方便,在这里做个辑录。

 

▍获取时间戳

 

1、精确到秒:1527509444000

 

var timestamp = Date.parse(new Date());

2、精确到毫秒:1527509444308

var timestamp = (new Date()).valueOf();

3、精确到毫秒:1527509444308

var timestamp = new Date().getTime();

4、JQuery获取时间戳:1527509444308,首先要入jquery.js

var timestamp = $.now();

 

 

▍时间戳转日期

 

将时间戳转换为日期的方法有很多种,就不把所有的方法一一单独列举了。

 

var timestamp = 1527521052;var newDate = new Date();newDate.setTime(timestamp * 1000);// Mon May 28 2018
console.log(newDate.toDateString());// Mon, 28 May 2018 15:24:12 GMT
console.log(newDate.toGMTString());// 2018-05-28T15:24:12.000Z
console.log(newDate.toISOString());// 2018-05-28T15:24:12.000Z
console.log(newDate.toJSON());// 2018/5/28
console.log(newDate.toLocaleDateString());// 2018/5/28 下午11:24:12
console.log(newDate.toLocaleString());// 下午11:24:12
console.log(newDate.toLocaleTimeString());// Mon May 28 2018 23:24:12 GMT+0800 (中国标准时间)
console.log(newDate.toString());// 23:24:12 GMT+0800 (中国标准时间)
console.log(newDate.toTimeString());// Mon, 28 May 2018 15:24:12 GMT
console.log(newDate.toUTCString());

 

 

▍日期转换为时间戳

 

日期格式比较多,也比较复杂,全部实现转换有些麻烦,而且还是费力不讨好,所以就以最常用的时间格式来转换。

 

//日期转时间戳
functiontransdate(endTime){var date = new Date();date.setFullYear(endTime.substring(0, 4));date.setMonth(endTime.substring(5, 7) - 1);date.setDate(endTime.substring(8, 10));date.setHours(endTime.substring(11, 13));date.setMinutes(endTime.substring(14, 16));date.setSeconds(endTime.substring(17, 19));return Date.parse(date) / 1000;
}console.log(transdate("2018-05-28 23:24:12"));

结果如下:

1527521052


 

▍我是尾巴

 

将这些方法汇总之后,就不用一个个去找了。

 

说真的,好多事情记下来确实有好处。

 

就拿之前记录的部署SSL证书为例,这两天又想申请一个SSL证书,然后部署一下,但是上一次的部署流程我基本已经你忘记了,还好自己写了一篇文章记录了一下,这次就直接看着文章完成了。

 

▍我是尾巴

 

将这些方法汇总之后,就不用一个个去找了。

 

说真的,好多事情记下来确实有好处。

 

就拿之前记录的部署SSL证书(记录||给我的网站装个SSL证书)为例,这两天又想申请一个SSL证书,然后部署一下,但是上一次的部署流程我基本已经你忘记了,还好自己写了一篇文章记录了一下,这次就直接看着文章完成了。

 

关注微信公众号:爱唱歌的蜗牛先生

 


推荐阅读
  • 本文介绍了Java后台Jsonp处理方法及其应用场景。首先解释了Jsonp是一个非官方的协议,它允许在服务器端通过Script tags返回至客户端,并通过javascript callback的形式实现跨域访问。然后介绍了JSON系统开发方法,它是一种面向数据结构的分析和设计方法,以活动为中心,将一连串的活动顺序组合成一个完整的工作进程。接着给出了一个客户端示例代码,使用了jQuery的ajax方法请求一个Jsonp数据。 ... [详细]
  • React项目中运用React技巧解决实际问题的总结
    本文总结了在React项目中如何运用React技巧解决一些实际问题,包括取消请求和页面卸载的关联,利用useEffect和AbortController等技术实现请求的取消。文章中的代码是简化后的例子,但思想是相通的。 ... [详细]
  • 纠正网上的错误:自定义一个类叫java.lang.System/String的方法
    本文纠正了网上关于自定义一个类叫java.lang.System/String的错误答案,并详细解释了为什么这种方法是错误的。作者指出,虽然双亲委托机制确实可以阻止自定义的System类被加载,但通过自定义一个特殊的类加载器,可以绕过双亲委托机制,达到自定义System类的目的。作者呼吁读者对网上的内容持怀疑态度,并带着问题来阅读文章。 ... [详细]
  • Summarize function is doing alignment without timezone ?
    Hi.Imtryingtogetsummarizefrom00:00otfirstdayofthismonthametric, ... [详细]
  • 阿,里,云,物,联网,net,core,客户端,czgl,aliiotclient, ... [详细]
  • Android JSON基础,音视频开发进阶指南目录
    Array里面的对象数据是有序的,json字符串最外层是方括号的,方括号:[]解析jsonArray代码try{json字符串最外层是 ... [详细]
  • 本文讨论了Kotlin中扩展函数的一些惯用用法以及其合理性。作者认为在某些情况下,定义扩展函数没有意义,但官方的编码约定支持这种方式。文章还介绍了在类之外定义扩展函数的具体用法,并讨论了避免使用扩展函数的边缘情况。作者提出了对于扩展函数的合理性的质疑,并给出了自己的反驳。最后,文章强调了在编写Kotlin代码时可以自由地使用扩展函数的重要性。 ... [详细]
  • 如何查询zone下的表的信息
    本文介绍了如何通过TcaplusDB知识库查询zone下的表的信息。包括请求地址、GET请求参数说明、返回参数说明等内容。通过curl方法发起请求,并提供了请求示例。 ... [详细]
  • 本文介绍了如何使用JSONObiect和Gson相关方法实现json数据与kotlin对象的相互转换。首先解释了JSON的概念和数据格式,然后详细介绍了相关API,包括JSONObject和Gson的使用方法。接着讲解了如何将json格式的字符串转换为kotlin对象或List,以及如何将kotlin对象转换为json字符串。最后提到了使用Map封装json对象的特殊情况。文章还对JSON和XML进行了比较,指出了JSON的优势和缺点。 ... [详细]
  • 图像因存在错误而无法显示 ... [详细]
  • 本文介绍了一个React Native新手在尝试将数据发布到服务器时遇到的问题,以及他的React Native代码和服务器端代码。他使用fetch方法将数据发送到服务器,但无法在服务器端读取/获取发布的数据。 ... [详细]
  • 本文介绍了如何使用jQuery和AJAX来实现动态更新两个div的方法。通过调用PHP文件并返回JSON字符串,可以将不同的文本分别插入到两个div中,从而实现页面的动态更新。 ... [详细]
  • Android实战——jsoup实现网络爬虫,糗事百科项目的起步
    本文介绍了Android实战中使用jsoup实现网络爬虫的方法,以糗事百科项目为例。对于初学者来说,数据源的缺乏是做项目的最大烦恼之一。本文讲述了如何使用网络爬虫获取数据,并以糗事百科作为练手项目。同时,提到了使用jsoup需要结合前端基础知识,以及如果学过JS的话可以更轻松地使用该框架。 ... [详细]
  • jQuery如何判断一个元素是否被点击?
    本文介绍了使用jQuery判断一个元素是否被点击的方法,并通过示例进行了具体说明。注意要指定父级,否则会执行多次。 ... [详细]
  • 本文介绍了如何在Jquery中通过元素的样式值获取元素,并将其赋值给一个变量。提供了5种解决方案供参考。 ... [详细]
author-avatar
10灬月
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有