Deprecated: imwpcache\f884414bce24ee67f\f73723ec7b1919fa5::__construct(): Implicitly marking parameter $YECBGYFECGEAFWHA as nullable is deprecated, the explicit nullable type must be used instead in /www/wwwroot/www.chuangxiangniao.com/wp-content/plugins/imwpcache-dist/build/f884414bce24ee67ff73723ec7b1919fa5.php on line 2

Deprecated: imwpcache\f884414bce24ee67f\f73723ec7b1919fa5::__construct(): Implicitly marking parameter $BBWFDDBHHYHDXXAB as nullable is deprecated, the explicit nullable type must be used instead in /www/wwwroot/www.chuangxiangniao.com/wp-content/plugins/imwpcache-dist/build/f884414bce24ee67ff73723ec7b1919fa5.php on line 2
在 JavaScript 中获取日期之间的相对时间戳差异_创想鸟

在 JavaScript 中获取日期之间的相对时间戳差异

在 javascript 中获取日期之间的相对时间戳差异

您是否在任何网站上看到过显示时间戳的通知?它显示诸如“12 分钟前”、“2 天前”、“10 小时前”等内容。它与两个日期或时间之间的时间戳差异有关。

此外,某些应用显示该设备的上次登录时间是 22 小时前。因此,获取两个日期之间的时间戳差异有很多用途。

在本教程中,我们将学习不同的方法来获取两个日期之间的相对时间戳差异。

使用带有日期的 getTime() 方法并创建自定义算法

在 JavaScript 中,我们可以使用 new Date() 构造函数创建日期对象。此外,我们可以将特定日期作为 Date() 构造函数的参数传递,以使用该日期值初始化日期对象。

立即学习“Java免费学习笔记(深入)”;

getTime() 方法返回从 1970 年 1 月 1 日至今的总秒数。因此,我们可以找到两个日期的总毫秒数,然后减去它们以获得毫秒差。使用该毫秒,我们可以找到以秒、分钟、年等为单位的时间戳差异。

语法

用户可以按照下面的语法来获取两个日期之间的相对时间戳差异。

let second_diff = (current_date.getTime() - previous_date.getTime())/1000; 

在上面的语法中,current_date 和 pervious_date 是两个不同的日期。我们使用 getTime() 方法来获取两个日期之间的毫秒差。

注意– 通过将 second_diff 变量的值与毫秒进行比较,您可以获得相对时间戳差异。

步骤

用户可以按照以下步骤查找不同单位(例如天、月、年等)的两个日期之间的相对时间戳。

第 1 步 – 创建两个不同的日期。

步骤 2 – 使用 getTime() 方法获取两个日期的总毫秒数并获取它们之间的差值。另外,将毫秒差除以 1000 将其转换为秒,并将其存储在 secondary_diff 变量中。

步骤 3 – 现在,使用 if-else 条件语句来查找相对时间戳差异。

STORYD STORYD

帮你写出让领导满意的精美文稿

STORYD 137 查看详情 STORYD

步骤 4 – 如果 second_diff 的 值小于 60,则差异以秒为单位。 Second_diff 的值在 60​​ 到 3600 之间,差异以小时为单位。用户还可以像这样计算日、月、年。

示例

在下面的示例中,我们使用 Date 构造函数创建了两个不同的日期对象,并使用上述步骤查找两个日期之间的相对时间戳。

在输出中,用户可以观察到以下代码代表月份的时间戳差异。

   

Getting the relative timestamp difference between two dates using the custom algorithm

let output = document.getElementById("output"); // creating the current date let current_date = new Date(); // previous date let previous_date = new Date("jan 14, 2022 12:21:45"); // finding the difference in total seconds between two dates let second_diff = (current_date.getTime() - previous_date.getTime()) / 1000; output.innerHTML += "The first date is " + current_date + "
"; output.innerHTML += "The second date is " + previous_date + "
"; // showing the relative timestamp. if (second_diff < 60) { output.innerHTML += "difference is of " + second_diff + " seconds."; } else if (second_diff < 3600) { output.innerHTML += "difference is of " + second_diff / 60 + " minutes."; } else if (second_diff < 86400) { output.innerHTML += "difference is of " + second_diff / 3600 + " hours."; } else if (second_diff < 2620800) { output.innerHTML += "difference is of " + second_diff / 86400 + " days."; } else if (second_diff < 31449600) { output.innerHTML += "difference is of " + second_diff / 2620800 + " months."; } else { output.innerHTML += "difference is of " + second_diff / 31449600 + " years."; }

使用Intl的RelativeTimeFormat() API

Intl是指国际化API。它包含各种日期和时间格式化方法。我们可以使用 Intl 对象的 RelativeTimeFormat() 方法来获取两个日期之间的相对时间戳。

语法

用户可以按照以下语法使用RelativeTimeFormat() API 来获取两个日期之间的相对时间戳。

var relativeTimeStamp =new Intl.RelativeTimeFormat("en", { numeric: "auto",});// compare the value of RelativeTimeStamp with milliseconds of different time units

在上述语法中,RelativeTimeFormat() 方法返回时间戳差异。 time_Stamp_unit 是一个包含不同时间单位及其总毫秒数的对象。

步骤

第 1 步 – 创建一个单位对象,其中包含时间单位作为键,总毫秒数作为该时间单位的值。

步骤 2 – 获取两个日期之间的时间差(以毫秒为单位)。

第 3 步 – 现在使用 for-in 循环迭代 time_stamp_unit 对象并检查 second_diff 的值是否大于特定时间的总毫秒数;使用 RelativeTimeFormat() API 的 format 方法来格式化该特定单位的时间戳。

第 4 步 – 之后,中断 for 循环。

示例

在下面的示例中,我们使用 RelativeTimeFomrat() 方法来获取两个日期之间的相对时间戳差异,如上述语法和步骤中所述。

   

Getting the relative timestamp difference between two dates using the RelativeTimeFormat() method

let output = document.getElementById("output"); let current_date = new Date(); let previous_date = new Date("jan 14, 2022 12:21:45"); // finding the difference in total seconds between two dates let second_diff = current_date.getTime() - previous_date.getTime(); output.innerHTML += "The first date is " + current_date + "
"; output.innerHTML += "The second date is " + previous_date + "
"; var time_Stamp_unit = { year: 31536000000, month: 31536000000 / 12, day: 86400000, hour: 3600000, minute: 60000, second: 1000, }; var relativeTimeStamp = new Intl.RelativeTimeFormat("en", { numeric: "auto", }); // iterate through all time stamps for (var ele in time_Stamp_unit) { // if second_diff's value is greater than particular timesapm unit's total millisecond value, format accordingly if (Math.abs(second_diff) > time_Stamp_unit[ele] || ele == "second") { output.innerHTML += "The difference between two dates is " + relativeTimeStamp.format( Math.round(second_diff / time_Stamp_unit[ele]), ele ); break; } }

用户学会了使用 if-else 语句和 RelativeTimeFormat() API 的 format() 方法查找两个日期之间的相对时间戳。用户可以根据自己的需要使用这两种方法。

以上就是在 JavaScript 中获取日期之间的相对时间戳差异的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/831590.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
Sublime开发自定义异常处理机制_统一接口响应格式与错误信息结构
上一篇 2025年11月27日 08:21:23
商品橱窗怎么申请?挂小黄车需要多少粉丝?
下一篇 2025年11月27日 08:21:25

相关推荐

  • Java 中处理货币数据的正确方式

    Java 中处理货币数据的正确方式Java 中处理货币数据的正确方式Java 中处理货币数据的正确方式Java 中处理货币数据的正确方式

    在 Java 应用程序中,尤其是在处理财务数据时,选择正确的数据类型至关重要。货币数据通常以特定的格式呈现,例如包含货币符号(如美元符号 $)和千位分隔符(如逗号 ,)。直接将这些数据映射到 DTO 类时,我们需要仔细考虑数据类型的选择,以避免潜在的精度损失和计算错误。 货币数据类型选择考量 常见的…

    2026年9月25日 • 用户投稿
    000
  • 幕布新手入门教程:从零开始创建你的第一个文档

    幕布新手入门教程:从零开始创建你的第一个文档幕布新手入门教程:从零开始创建你的第一个文档幕布新手入门教程:从零开始创建你的第一个文档幕布新手入门教程:从零开始创建你的第一个文档

    首先注册登录幕布账号,进入主界面后点击新建文档并输入标题,通过回车创建节点、Tab键调整层级,利用快捷键提升效率,最后插入待办、加粗、链接等富文本内容完成结构化笔记。 如果您刚刚开始使用幕布,想要快速上手并创建属于自己的第一份结构化文档,可以通过以下步骤完成基础操作。幕布以大纲笔记为核心,帮助用户高…

    2026年9月25日 • 用户投稿
    000
  • Java 中处理货币数据的最佳实践

    Java 中处理货币数据的最佳实践Java 中处理货币数据的最佳实践Java 中处理货币数据的最佳实践Java 中处理货币数据的最佳实践

    本文旨在探讨在 Java 中处理货币数据的最佳实践。面对 JSON 数据中包含的货币值(例如 “$234,205,860″),直接使用 String 存储是一种选择,但可能并非最优。本文将深入分析各种数据类型在处理货币时的优劣,并推荐使用 BigDecimal 进行精确计算,…

    2026年9月25日 • 用户投稿
    000
  • Java向上转型中可变参数方法调用的行为解析:重载与编译时绑定的深层机制

    Java向上转型中可变参数方法调用的行为解析:重载与编译时绑定的深层机制Java向上转型中可变参数方法调用的行为解析:重载与编译时绑定的深层机制Java向上转型中可变参数方法调用的行为解析:重载与编译时绑定的深层机制Java向上转型中可变参数方法调用的行为解析:重载与编译时绑定的深层机制

    本文深入探讨Java中向上转型、方法重载与可变参数(varargs)的交互机制。通过具体代码示例,详细解释了在向上转型场景下,为何编译器会基于引用变量的编译时类型来解析方法调用,即使子类存在看似更匹配的重载方法。核心在于方法重载是编译时决策,而可变参数在重载解析中具有较低的优先级。理解这些机制对于编…

    2026年9月25日 • 用户投稿
    000
  • sublime怎么实时预览markdown文件 _sublime Markdown实时预览方法

    sublime怎么实时预览markdown文件 _sublime Markdown实时预览方法sublime怎么实时预览markdown文件 _sublime Markdown实时预览方法sublime怎么实时预览markdown文件 _sublime Markdown实时预览方法sublime怎么实时预览markdown文件 _sublime Markdown实时预览方法

    通过安装MarkdownPreview和LiveReload插件,可在Sublime Text中实现Markdown文件的准实时预览:先用Package Control安装插件,配置导出HTML到浏览器,再结合LiveReload实现保存即刷新,最后可设置Ctrl+Alt+M为快捷键,完成高效写作体…

    2026年9月25日 • 用户投稿
    400
  • Groovy编程:在HTTP请求头中传递授权令牌的实践指南

    Groovy编程:在HTTP请求头中传递授权令牌的实践指南Groovy编程:在HTTP请求头中传递授权令牌的实践指南Groovy编程:在HTTP请求头中传递授权令牌的实践指南Groovy编程:在HTTP请求头中传递授权令牌的实践指南

    本教程详细介绍了如何在Groovy中通过HTTP请求头发送授权令牌,以实现对RESTful API的安全访问。针对用户在Groovy中模拟curl -H ‘Authorization: token …’命令时遇到的常见问题,本文提供了基于java.net.URL和…

    2026年9月25日 • 用户投稿
    900
  • 快速搭建一个管理App数据和用户的界面

    快速搭建一个管理App数据和用户的界面快速搭建一个管理App数据和用户的界面快速搭建一个管理App数据和用户的界面快速搭建一个管理App数据和用户的界面

    在电商、教育、企业服务等关键领域,app的数据管理效率与系统用户体验已成为决定产品市场竞争力的核心因素。本文将为开发者提供一套从需求分析到技术落地的完整路径,助你快速构建一个高效且易用的管理类app界面。 一、厘清需求:聚焦数据与用户场景的深度融合 构建管理型App的第一步是精准把握业务本质。必须深…

    2026年9月25日 • 用户投稿
    700
  • Spring Boot 应用:分离 REST API 和 Web 应用的最佳实践

    Spring Boot 应用:分离 REST API 和 Web 应用的最佳实践Spring Boot 应用:分离 REST API 和 Web 应用的最佳实践Spring Boot 应用:分离 REST API 和 Web 应用的最佳实践Spring Boot 应用:分离 REST API 和 Web 应用的最佳实践

    本文旨在探讨在 Spring Boot 项目中,如何有效地分离 REST API 和 Web 应用程序。针对小型项目,建议保持简单,将代码放在同一模块的不同包中。对于大型项目,则需要考虑可伸缩性、团队协作和性能需求,将前后端分离成两个独立的 Spring Boot 应用。文章将深入分析不同场景下的架…

    2026年9月25日 • 用户投稿
    300
  • uc浏览器如何阻止网页自动播放视频_UC浏览器禁止视频自动播放设置

    uc浏览器如何阻止网页自动播放视频_UC浏览器禁止视频自动播放设置uc浏览器如何阻止网页自动播放视频_UC浏览器禁止视频自动播放设置uc浏览器如何阻止网页自动播放视频_UC浏览器禁止视频自动播放设置uc浏览器如何阻止网页自动播放视频_UC浏览器禁止视频自动播放设置

    1、可通过UC浏览器设置关闭自动播放:进入设置→网站管理→媒体自动播放,选择关闭;2、启用省流加速模式减少视频自动加载;3、使用隐私模式浏览限制脚本执行,阻止视频自动播放。 如果您在使用UC浏览器浏览网页时,遇到视频自动播放影响阅读体验的情况,可以通过调整浏览器设置来禁止此行为。自动播放功能通常由浏…

    2026年9月25日 • 用户投稿
    600
  • 通过索引访问 LinkedHashMap 的值

    通过索引访问 LinkedHashMap 的值通过索引访问 LinkedHashMap 的值通过索引访问 LinkedHashMap 的值通过索引访问 LinkedHashMap 的值

    通过索引访问 LinkedHashMap 的值 本文将探讨如何比较两个 LinkedHashMap 中具有相同键的值,并提供一种有效的解决方案。LinkedHashMap 是一种可以保持插入顺序的 Map 实现,但它并不支持像 List 那样通过索引直接访问元素。因此,当我们需要比较两个 Linke…

    2026年9月25日 • 用户投稿
    1200
  • 谷歌正测试“Handoff”功能 Android将原生支持多设备任务无缝切换

    谷歌正测试“Handoff”功能 Android将原生支持多设备任务无缝切换谷歌正测试“Handoff”功能 Android将原生支持多设备任务无缝切换谷歌正测试“Handoff”功能 Android将原生支持多设备任务无缝切换谷歌正测试“Handoff”功能 Android将原生支持多设备任务无缝切换

    据外媒android authority消息,谷歌正为android系统研发一项类似苹果“continuity/handoff”的跨设备任务延续功能。目前,相关线索已在google play服务的代码中被多次发现。 苹果的“Handoff”功能允许用户将iPhone上正在进行的操作——例如浏览网页或…

    2026年9月25日 • 用户投稿
    500
  • 通过索引获取 LinkedHashMap 的值?解决方案与最佳实践

    通过索引获取 LinkedHashMap 的值?解决方案与最佳实践通过索引获取 LinkedHashMap 的值?解决方案与最佳实践通过索引获取 LinkedHashMap 的值?解决方案与最佳实践通过索引获取 LinkedHashMap 的值?解决方案与最佳实践

    本文旨在解决如何比较两个 LinkedHashMap 中具有相同键(chargeTypeName)的值的问题。由于 LinkedHashMap 本身不支持通过索引直接访问,文章将探讨如何利用流(Stream)和分组(Grouping)等技术,有效地找出两个 LinkedHashMap 中键相同的值对…

    2026年9月25日 • 用户投稿
    100
  • 使用 Jackson 进行复杂类的自定义反序列化

    使用 Jackson 进行复杂类的自定义反序列化使用 Jackson 进行复杂类的自定义反序列化使用 Jackson 进行复杂类的自定义反序列化使用 Jackson 进行复杂类的自定义反序列化

    本文介绍了如何使用 Jackson 库对包含复杂嵌套类的 JSON 字符串进行自定义反序列化。通过 ObjectMapper 的 readValue 方法可以实现简单场景下的自动反序列化。针对需要定制化处理的场景,可以结合 ObjectMapper 和自定义反序列化器来实现更灵活的反序列化逻辑,并提…

    2026年9月25日 • 用户投稿
    1000
  • sublime怎么使用命令面板(command palette)_sublime命令面板使用与快捷命令说明

    sublime怎么使用命令面板(command palette)_sublime命令面板使用与快捷命令说明sublime怎么使用命令面板(command palette)_sublime命令面板使用与快捷命令说明sublime怎么使用命令面板(command palette)_sublime命令面板使用与快捷命令说明sublime怎么使用命令面板(command palette)_sublime命令面板使用与快捷命令说明

    命令面板是Sublime Text高效操作核心,通过Ctrl+Shift+P(Win/Linux)或Cmd+Shift+P(macOS)打开,输入关键词如theme、syntax、package可快速执行更换主题、设置语法、安装插件等命令,支持动态搜索与回车执行,结合常用命令如设置修改、快捷键调整、…

    2026年9月25日 • 用户投稿
    500
  • p5.js WebGL性能优化:首帧渲染耗时长的原因与对策

    p5.js WebGL性能优化:首帧渲染耗时长的原因与对策p5.js WebGL性能优化:首帧渲染耗时长的原因与对策p5.js WebGL性能优化:首帧渲染耗时长的原因与对策p5.js WebGL性能优化:首帧渲染耗时长的原因与对策

    在使用p5.js的WEBGL渲染模式时,首次调用image()函数渲染图片或p5.Graphics对象通常会比后续调用耗时显著增加。这主要是因为第一次渲染时,p5.js需要将图像数据从CPU内存上传到GPU的纹理内存中,涉及内存分配和数据复制,这是一个相对耗时的过程。后续调用由于纹理已被缓存,可以直…

    2026年9月25日 • 用户投稿
    800
  • 快手直播间怎么装修_快手直播间装修的实用方法与建议

    快手直播间怎么装修_快手直播间装修的实用方法与建议快手直播间怎么装修_快手直播间装修的实用方法与建议快手直播间怎么装修_快手直播间装修的实用方法与建议快手直播间怎么装修_快手直播间装修的实用方法与建议

    明确直播主题、优化灯光布局、设计简洁背景墙、合理规划功能区及改善声网环境是提升快手直播间专业度的关键。首先根据内容类型确定风格,如美妆选柔和色调,游戏用科技感灯光;参考热门主播布置并保持视觉统一。主光源采用4500K环形灯,辅以侧补光和背景灯带增强层次。背景选用低饱和纯色墙,搭配品牌LOGO或绿植,…

    2026年9月25日 • 用户投稿
    200
  • 这台五万元的相机,哈苏想卖给「普通人」

    这台五万元的相机,哈苏想卖给「普通人」这台五万元的相机,哈苏想卖给「普通人」这台五万元的相机,哈苏想卖给「普通人」这台五万元的相机,哈苏想卖给「普通人」

    拍照,可能是这个时代门槛最低的创作行为了。 我们每天都在生产和消费着海量的图片,记录变得前所未有地容易,但容易,就等于好吗? 过去,哈苏的答案是倾向于「好」,但代价是「难」——你需要理解光圈、快门,要背着沉重的三脚架,甚至要在特定的拍摄环境中,才能驾驭这份极致的画质。 在推出了备受瞩目的 X2D 1…

    2026年9月25日 • 用户投稿
    300
  • sublime怎么配置eslint进行js校验_sublime集成ESLint代码检查配置

    sublime怎么配置eslint进行js校验_sublime集成ESLint代码检查配置sublime怎么配置eslint进行js校验_sublime集成ESLint代码检查配置sublime怎么配置eslint进行js校验_sublime集成ESLint代码检查配置sublime怎么配置eslint进行js校验_sublime集成ESLint代码检查配置

    首先安装SublimeLinter和SublimeLinter-eslint插件,确保系统或项目中已安装ESLint;通过npx eslint –init生成配置文件;插件会自动调用项目内的eslint,若未识别可手动设置executable路径;保存JavaScript文件时即可实时显…

    2026年9月25日 • 用户投稿
    100
  • PHP文件引入时参数传递机制详解与最佳实践

    在php中,直接通过url查询字符串方式向`require`或`include`引入的文件传递参数是无效的,这会导致“未定义变量”错误。本文将深入探讨php文件引入的原理,并提供三种正确的参数传递方法:利用作用域共享、手动填充`$_get`数组,以及推荐的通过函数或类进行封装,旨在帮助开发者构建更健…

    2026年9月25日
    100
  • Safari浏览器怎么查看网页源代码_Safari浏览器网页HTML源代码查看方式

    Safari浏览器怎么查看网页源代码_Safari浏览器网页HTML源代码查看方式Safari浏览器怎么查看网页源代码_Safari浏览器网页HTML源代码查看方式Safari浏览器怎么查看网页源代码_Safari浏览器网页HTML源代码查看方式Safari浏览器怎么查看网页源代码_Safari浏览器网页HTML源代码查看方式

    首先启用Safari开发菜单,然后通过菜单命令或快捷键Option+Command+U查看完整HTML源代码;也可右键选择检查元素,使用Web检查器查看特定区域的DOM结构与样式信息。 如果您在浏览网页时需要检查页面的结构或调试内容,查看网页源代码是一个常用的方法。Safari浏览器提供了多种方式来…

    2026年9月25日 • 用户投稿
    000

发表回复

登录后才能评论
关注微信