JavaScript时间函数和格式化时间戳实践

9 篇文章 3 订阅
订阅专栏

目录

1. 获取当前时间

2. 获取特定时间

3. 获取时间戳

4. 格式化时间戳为字符串

5. 计算时间差

6. 将时间字符串转化成时间戳

总结

Node.js进阶之使用 superagent 与 cheerio 模块详解,并实现简单的爬虫案例

Node.js开发进阶之JavaScript函数的命名方式和自执行匿名函数详解


图片

JavaScript中有许多用于处理时间和日期的内置函数和方法。这些函数和方法可以帮助我们获取当前时间、格式化时间戳、计算时间差等。本文将详细介绍JavaScript中常用的时间函数和如何格式化时间戳。

本篇原文: JavaScript时间函数和格式化时间戳实践

更多关于JavaScript相关的技术点,请关注下方公众号CTO Plus

图片

1. 获取当前时间

JavaScript提供了`Date`对象来表示时间和日期。可以使用`new Date()`来创建一个表示当前时间的`Date`对象。

let now = new Date(); //创建对象,返回当前时间戳

// 输出当前时间的日期和时间

console.log(now, typeof now); // 2023-06-23T14:26:35.445Z object

2. 获取特定时间

除了获取当前时间,我们还可以通过传递参数给`Date`对象来获取特定的时间。

let specificTime = new Date(2023, 6, 23, 12, 30, 0);

console.log(specificTime, typeof specificTime);//2023-07-23T04:30:00.000Z object

在上面的例子中,我们传递了年、月、日、小时、分钟和秒作为参数,以获取特定的时间。

3. 获取时间戳

时间戳是指从1970年1月1日午夜(格林威治时间)开始经过的毫秒数。可以使用`Date`对象的`getTime()`方法来获取当前时间的时间戳。获得时间戳可以使用Date.now()和date.getTime()两种方法。

使用Date.now() 获得当前时间戳,属于静态方法,无需创建对象

console.log(Date.now()); // 1687530990595

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

// 输出当前时间的时间戳

console.log(timestamp, now.getTime(), typeof timestamp); // 1687530604090 1687530604072 number

4. 格式化时间戳为字符串

格式化时间戳是将时间戳转换为特定的时间格式。JavaScript中没有内置的格式化时间戳的函数,但可以使用一些方法来实现。

function formatTimestamp(timestamp) {  let date = new Date(timestamp);  let year = date.getFullYear();  let month = date.getMonth() + 1;  let day = date.getDate();  let hours = date.getHours();  let minutes = date.getMinutes();  let seconds = date.getSeconds();    return `${year}-${addZero(month)}-${addZero(day)} ${addZero(hours)}:${addZero(minutes)}:${addZero(seconds)}`;}
function addZero(num) {  return num < 10 ? `0${num}` : num;}
let formattedTime = formatTimestamp(timestamp);// 输出格式化后的时间字符串console.log(formattedTime); // //2023-06-23 22:31:51 string 

在上面的例子中,我们定义了一个`formatTimestamp()`函数,它接受一个时间戳作为参数,并返回格式化后的时间字符串。我们使用`Date`对象的方法获取年、月、日、小时、分钟和秒,并使用`addZero()`函数在数字小于10时添加前导零。

5. 计算时间差

JavaScript中可以使用`Date`对象的方法来计算时间差。例如,可以使用`getTime()`方法获取两个时间的时间戳,然后计算它们之间的差值。

let startTime = new Date(2023, 6, 23, 12, 0, 0);

let endTime = new Date(2023, 6, 23, 13, 30, 0);

let diff = endTime.getTime() - startTime.getTime();

//输出时间差的毫秒数

console.log(diff, typeof diff); //5400000 number

在上面的例子中,我们创建了两个`Date`对象来表示开始时间和结束时间,然后使用`getTime()`方法获取它们的时间戳,并计算它们之间的差值。

6. 将时间字符串转化成时间戳

Date.parse() 将时间字符串转化成时间戳

console.log(Date.parse("2023-06-23 22:31:51")); // 1687530711000,静态方法

总结

JavaScript提供了许多用于处理时间和日期的内置函数和方法。通过`Date`对象,我们可以获取当前时间、特定时间、时间戳,以及计算时间差。对于格式化时间戳,虽然JavaScript没有内置的函数,但可以使用自定义的方法来实现。在实际开发中,根据具体的需求选择合适的时间函数和方法来处理时间和日期。

大前端专栏
https://blog.csdn.net/zhouruifu2015/category_5734911

更多精彩,关注我公号,一起学习、成长

Node.js系列文章推荐阅读:

  • JavaScript匿名函数的定义、特性、作用和使用场景详解

  • Node.js之正则表达式的使用方法详解和实战

  • Node.js测试之benchmark基准测试详解和代码示例

  • Node.js重点概念之作用域、闭包、this的使用详解和代码示例

  • Node.js基本概念、特点、用途和常用模块,以及Express框架开发一个web应用

  • Node.js开发框架Express.js做一个简单的Web应用以及代码详解

  • Node.js高并发编程之promise的基本使用、作用和特点详细介绍以及代码示例

  • Node.js数据库开发之Mongodb 与 Mongoose 的使用和详细介绍

  • Node.js基础之require、exports、module构建模块的基本属性详细介绍

  • Node.js并发编程eventproxy详解与代码示例

  • Node.js之10个JavaScript的最佳实践技能点(1)

  • Node.js的热门框架:Midway.js特点、应用场景和使用方法介绍

  • Node.js的热门框架:Nest.js特性、常用功能和代码示例介绍以及与Midway.js的对比分析

  •   JavaScript箭头函数的基本使用和高级使用方法详解

  • 开源项目 | 最热门高效的Node.JS开源第三方开发库和特点(持续更新......)

  • 前端开发技术栈(工具篇):2023最新版nvm的Win/Linux安装和使用(详细) 27.8k stars

  • 弄清楚Node.js的功能特性、运行时、组成和发展趋势分析以及与JavaScript的区别

  • 学习Node.js的9大理由以及日常开发中的14个高级特性和代码示例分享

  • Node.js浏览器端功能测试之mocha、chai、phantomjs的功能特性、断言和覆盖率测试实战案例详解

  • Node.js后端功能测试之mocha、should、istanbul的功能特性、断言和覆盖率测试实战案例详解

  • 开源项目 | JavaScript最热门的25个前端开发插件(库)总结

  • Node.js几个非常有用的全局对象、全局变量和全局函数详解

  • Node.js之heroku简化应用部署和管理的利器详细介绍和使用案例

  • Node.js进阶之使用 superagent 与 cheerio 模块详解,并实现简单的爬虫案例

  • Node.js开发进阶之JavaScript函数的命名方式和自执行匿名函数详解

大前端专栏
https://blog.csdn.net/zhouruifu2015/category_5734911https://blog.csdn.net/zhouruifu2015/category_5734911Node.js专栏

https://blog.csdn.net/zhouruifu2015/category_5728369.htmlhttps://blog.csdn.net/zhouruifu2015/category_5728369.html


更多资料 · 微信公众号搜索【CTO Plus】关注后,获取更多,我们一起学习交流。

关于公众号的描述访问如下链接


关于Articulate“做一个知识和技术的搬运工。做一个终身学习的爱好者。做一个有深度和广度的技术圈。”一直以来都想把专业领域的技https://mp.weixin.qq.com/s/0yqGBPbOI6QxHqK17WxU8Q

推荐阅读:

  • 开源项目 | JavaScript最热门的25个前端开发插件(库)总结

  • 前端开发技术栈(模板篇):10款较流行的前端后台管理系统模板

  • 50+款前端高效开发辅助工具总结

JavaScript(JS)_时间函数
03-19
JavaScript(JS)_时间函数,常用的js时间函数的用法
JS时间格式化时间戳转换函数示例详解
10-15
JavaScriptJS)中,处理时间和日期是常见的需求,包括时间格式化时间戳转换。以下是对这些概念的深入解析: 1. **时间格式化**: 在JS中,我们通常使用`Date`对象来处理日期和时间。`dateFormat`函数就是一...
JS格式化时间戳
bug_producter的博客
04-18 8306
JS格式化时间戳前言实例 前言 有的时候需要在前端,将时间戳转化为指定格式的日期格式,又或者我们需要截取一部分时间拼进主键。博主特地总结了一下自己的方法,直接看实例代码 实例 /** * 将时间戳转化为年 月 日 时 分 秒 * timestamps: 传入的时间戳 * format:返回格式,支持自定义,如: * yyyy-mm-dd hh:mi:ss SSS * yyyy/mm/dd hh:mi:ss SSS * 获取日期格式字符串作为
常用时间/时间戳格式化方法
最新发布
m0_46570767的博客
08-14 129
【代码】常用时间/时间戳格式化方法。
JS 时间格式化函数
weixin_34228387的博客
10-17 96
JS 时间格式化函数 //时间格式化函数 Date.prototype.format = function (format) { var o = { "M+": this.getMonth() + 1, //month "d+": this.getDate(), //day "h+": this.getHours(), //hour "m+": this.ge...
JavaScript 时间戳格式化
王玉宇的博客
02-15 1013
【代码】JavaScript 时间戳格式化
js格式化时间戳
美奇软件开发工作室
04-09 515
<script type="text/javascript"> function formatTime(date = 0, fmt = 'yyyy-MM-dd hh:mm:ss') { date = new Date(date* 1000);////当时间戳为10位时需要*1000,时间戳为13位的话不需*1000 if (/(y+)/.test(fmt)) { ...
js格式化时间js格式化时间戳示例
10-26
本文将详细介绍如何在JavaScript格式化时间时间戳。 首先,我们来看一个常见的自定义`Date`对象格式化方法的示例: ```javascript Date.prototype.format = function(format) { var o = { "M+" : this....
JavaScript日期时间时间戳的转换函数分享
10-24
此外,还应当注意到,在处理日期时间时,性能也是一个需要考虑的因素,尤其是当涉及到大量日期时间数据的转换和格式化时。合理的设计转换函数,使用缓存等策略,可以提高应用程序的性能。 总而言之,理解和掌握...
js时间戳格式化成日期格式的多种方法介绍
10-20
JavaScript中,掌握如何将时间戳转换为格式化的日期字符串,是进行日期时间操作的基础技能之一。 最后,文章的结尾鼓励读者多参考这些方法,并表达了对读者支持的期待。对于开发者来说,了解和掌握多种时间戳转换...
Javascript时间戳和php的时间戳转换注意事项
10-27
使用示例中提供的代码,如果将一个PHP时间戳(例如通过ajax回传到JavaScript的)和当前时间JavaScript时间戳作为参数传递给`comptime`函数,该函数将能够返回一个格式化后的时间表示,如“2小时前”或“3分钟前”...
JavaScript--对时间戳进行格式化
『地球是猿的』的博客
11-13 5703
这里写自定义目录标题js---对时间戳进行格式化函数新的改变【注意】合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 js—对时间戳进行格式化函数 你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mark
javascript 时间函数
xiaolvzi的专栏
08-14 965
Javascript日期函数         Date(日期)对象可以使用Date()构造器来创建,在前面的教程中我们已经介绍了Date()构造器,这里就不重复叙述。它没有参数,返回的数值就是当前的日期。下面的表格显示了为日期构造器的有效输入:         var   today   =   new   Date();         返回当前的日期和时间             var  
JS 格式化时间戳
dfcgism168171的博客
05-07 363
var myDate = new Date();myDate.getYear();//获取当前年份(2位)myDate.getFullYear();//获取完整的年份(4位,1970-????)myDate.getMonth();//获取当前月份(0-11,0代表1月)myDate.getDate();//获取当前日(1-3...
js时间戳 格式化
淮右布衣的博客
05-14 951
Date.prototype.format =function(datetime){ var date = new Date(datetime);//时间戳为10位需*1000,时间戳为13位的话不需乘1000 var year = date.getFullYear(), month = ("0" + (date.getMonth() + 1)).slice(-2), sdate = ("0" + date.getDate()).slice(-2), hour = ("0"
js格式化时间戳
weixin_30367945的博客
11-07 79
//将时间戳格式化 function getMyDate(time){ //time为时间戳 if(typeof(time)=="undefined"){ return ""; } var oDate = new Date(time), oYear = oDate.getFullYear(), oMonth ...
JavaScript Date对象格式化函数实现
"Date对象格式化函数代码是一个用于格式化JavaScript中的Date对象的函数,它允许用户根据指定的模板来转换日期和时间的显示方式。这个函数由Steven Levithan编写,并在MIT许可下发布,同时包含了Scott Trenda和Kris ...
写文章

热门文章

  • Python实战:python URL请求地址的拼接,标准库urllib.parse详解 16930
  • Python 获取操作系统用户进程详细信息 12911
  • FPGA图像处理的一些方法、原理和算法优缺点介绍 11264
  • Redis进阶:使用Redis命令行界面进行数据库连接和基本操作 9769
  • Django执行迁移过程中常见的错误和解决方法 9562

分类专栏

  • Python进阶 75篇
  • Django进阶 44篇
  • Flask进阶 2篇
  • Tornado进阶 1篇
  • 大前端技术栈 3篇
  • 前端开发(H5/JS/JQuery/Ajax) 3篇
  • Vue 21篇
  • Go进阶 20篇
  • 云原生&监控&可观测性&微服务&SaaS 14篇
  • Node.js&JavaScript技术栈 9篇
  • FPGA进阶 29篇
  • 企业网络安全运营能力建设思路
  • Python项目实战
  • 数据库技术栈 2篇
  • 网络&信息安全 16篇
  • 劫持
  • SDLC-安全&开发规范
  • 安全标准&法律法规
  • C进阶 21篇
  • C实现内存管理
  • C新语法新特性
  • C高级算法&编译原理
  • C系统库函数实现 11篇
  • 设计模式 3篇
  • 数据结构 6篇
  • C/C++数据结构
  • C++进阶 18篇
  • 封装之一:队列 1篇
  • 封装之二:字符串 1篇
  • C++新语法新特性 4篇
  • 排序算法二:选择排序法
  • 跨境电商运营技巧 2篇
  • 排序算法四:快速排序法
  • 排序算法五:二分查找 拉格朗日插值查找
  • Windows&Linux之C/C++多线程&进程
  • Java进阶 2篇
  • 高效工具类软件使用 3篇
  • 开发类工具 9篇
  • MySQL 1篇
  • MongoDB 2篇
  • Elasticsearch
  • Redis 4篇
  • Windows应用程序 1篇
  • Linux高级运维栈 1篇

最新评论

  • 工作总结之全网最全的103个Verilog关键字总结(上)

    SteveRocket: 也可以点击文章末尾的推荐阅读 的链接 那个的排版稍微好点

  • 工作总结之全网最全的103个Verilog关键字总结(上)

    SteveRocket: 可以的。他这个排版太浪费时间, 我后面写个程序格式化下

  • 工作总结之全网最全的103个Verilog关键字总结(上)

    牙齿和爪子: 楼主能不能把编号改一下,后面每个编号都是1

  • Python2与Python3的9点差异对比总结

    Serendipty#: Python 3的简洁语法、增强的库支持以及更好的错误处理,显著提高了开发效率和代码可读性。其异步编程和类型注解等特性,进一步促进了代码的优化和可维护性。

  • 跨境电商MercadoLibre(美客多)平台预约号操作流程自动化系统

    Floracyun4: 哈喽,有使用了插件吗?是否有用呢?

最新文章

  • 跨境电商MercadoLibre(美客多)平台预约号操作流程自动化系统
  • MercadoLibre(美客多)入仓预约系统操作流程-自动化约号(开篇)
  • Redis进阶:使用缓存的17大误区经验总结
2024年2篇
2023年218篇
2020年1篇
2019年3篇
2017年11篇
2016年21篇
2015年65篇

目录

目录

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

SteveRocket

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或 充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值

天下网标王河南设计网站优化代理白帽优化网站seo韶关市网站seo优化公司网站整站优化得俦-大将军29网站优化pr值许昌网站优化山东哪里有网站优化网站seo优化案例模板西宁网站优化推广公司哪家好如何优化某网站视频网站如何优化速度杭州优化网站关键词上海信息化网站优化设计潜江网站关键词排名优化伊春市网站seo优化排名网站外部优化2017平湖网站优化排名佛山做网站优化优化网站推广教程排名贵阳网站免费优化租赁行业网站优化有效果烟台网站优化公司地址兰州网站优化专业服务商手机网站优化哪里的好携程网站内链优化即墨网站首页优化邛崃网站优化推广排名蕲春县网站seo优化排名黄色网站seo优化绍兴谷歌网站优化香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声卫健委通报少年有偿捐血浆16次猝死汪小菲曝离婚始末何赛飞追着代拍打雅江山火三名扑火人员牺牲系谣言男子被猫抓伤后确诊“猫抓病”周杰伦一审败诉网易中国拥有亿元资产的家庭达13.3万户315晚会后胖东来又人满为患了高校汽车撞人致3死16伤 司机系学生张家界的山上“长”满了韩国人?张立群任西安交通大学校长手机成瘾是影响睡眠质量重要因素网友洛杉矶偶遇贾玲“重生之我在北大当嫡校长”单亲妈妈陷入热恋 14岁儿子报警倪萍分享减重40斤方法杨倩无缘巴黎奥运考生莫言也上北大硕士复试名单了许家印被限制高消费奥巴马现身唐宁街 黑色着装引猜测专访95后高颜值猪保姆男孩8年未见母亲被告知被遗忘七年后宇文玥被薅头发捞上岸郑州一火锅店爆改成麻辣烫店西双版纳热带植物园回应蜉蝣大爆发沉迷短剧的人就像掉进了杀猪盘当地回应沈阳致3死车祸车主疑毒驾开除党籍5年后 原水城县长再被查凯特王妃现身!外出购物视频曝光初中生遭15人围殴自卫刺伤3人判无罪事业单位女子向同事水杯投不明物质男子被流浪猫绊倒 投喂者赔24万外国人感慨凌晨的中国很安全路边卖淀粉肠阿姨主动出示声明书胖东来员工每周单休无小长假王树国卸任西安交大校长 师生送别小米汽车超级工厂正式揭幕黑马情侣提车了妈妈回应孩子在校撞护栏坠楼校方回应护栏损坏小学生课间坠楼房客欠租失踪 房东直发愁专家建议不必谈骨泥色变老人退休金被冒领16年 金额超20万西藏招商引资投资者子女可当地高考特朗普无法缴纳4.54亿美元罚金浙江一高校内汽车冲撞行人 多人受伤

天下网标王 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化