JAVASCRIPT 实现普通日期转换多少小时前、多少分钟前、多少秒

为了将普通日期转换为多少小时前、多少分钟前、多少秒之前,我们可以使用JavaScript中的Date对象和一些基本的数学运算。

首先,需要获取当前时间和要转换的日期时间,可以使用Date.now()获取当前的时间戳,使用new Date()获取要转换的日期时间。

let now = Date.now();
let date = new Date('2022-01-01 12:00:00');

接着,可以计算两个时间之间的毫秒数差值。

let diff = now - date.valueOf();

然后,我们可以将毫秒数差值转换为多少小时前、多少分钟前、多少秒之前。具体实现方法是使用Math.floor函数和除法运算符。

let seconds = Math.floor(diff / 1000);
let minutes = Math.floor(diff / 1000 / 60);
let hours = Math.floor(diff / 1000 / 60 / 60);

最后,我们可以根据需要输出结果。

console.log(`${hours}小时前`);
console.log(`${minutes}分钟前`);
console.log(`${seconds}秒前`);

下面是完整的代码示例:

let now = Date.now();
let date = new Date('2022-01-01 12:00:00');
let diff = now - date.valueOf();
let seconds = Math.floor(diff / 1000);
let minutes = Math.floor(diff / 1000 / 60);
let hours = Math.floor(diff / 1000 / 60 / 60);
console.log(`${hours}小时前`);
console.log(`${minutes}分钟前`);
console.log(`${seconds}秒前`);

示例1:计算现在距离2022年1月1日12点的时间差

let now = Date.now();
let date = new Date('2022-01-01 12:00:00');
let diff = now - date.valueOf();
let seconds = Math.floor(diff / 1000);
let minutes = Math.floor(diff / 1000 / 60);
let hours = Math.floor(diff / 1000 / 60 / 60);
console.log(`${hours}小时前`);
console.log(`${minutes}分钟前`);
console.log(`${seconds}秒前`);

输出结果:

1405小时前
84316分钟前
5058965秒前

示例2:计算现在距离2021年1月1日0点的时间差

let now = Date.now();
let date = new Date('2021-01-01 00:00:00');
let diff = now - date.valueOf();
let seconds = Math.floor(diff / 1000);
let minutes = Math.floor(diff / 1000 / 60);
let hours = Math.floor(diff / 1000 / 60 / 60);
console.log(`${hours}小时前`);
console.log(`${minutes}分钟前`);
console.log(`${seconds}秒前`);

输出结果:

8772小时前
526315分钟前
31578947秒前

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JAVASCRIPT 实现普通日期转换多少小时前、多少分钟前、多少秒 - Python技术站

(0)
上一篇 2023年5月27日
下一篇 2023年5月27日

相关文章

  • google地图的路线实现代码

    下面是详细的讲解“Google Maps的路线实现代码”的攻略: 一、前置条件 在开始实现Google Maps路线的代码之前,你需要以下几个前置条件: 注册Google Maps API密钥; 在HTML页面中引入Google Maps API JavaScript库; 在HTML页面中创建一个地图div元素,用于渲染地图; 二、基本路线绘制 要绘制一个基…

    JavaScript 2023年6月11日
    00
  • 为什么使用DOCTYPE HTML

    当我们编写HTML文档时,必须在文件开头加上文档类型声明(DOCTYPE),该声明告诉浏览器的解释器HTML文档的类型以及使用的版本。在HTML5中,文档类型定义如下: <!DOCTYPE html> 它是HTML5文档类型的标准声明。但是,在开发中,可能会遇到一些旧的HTML文档类型声明,如XHTML、HTML4等。在这种情况下,我们应该使用与…

    JavaScript 2023年6月11日
    00
  • javascript跳转与返回和刷新页面的实例代码

    下面我来给大家详细讲解一下“JavaScript跳转与返回和刷新页面的实例代码”的攻略。 一、JavaScript跳转页面 要实现JS跳转页面,可以使用 window.location 对象,可以修改当前页面的 URL 地址,还可以打开新的页面。下面是实现JS跳转页面的示例代码: // 跳转到百度首页 window.location.href = &quot…

    JavaScript 2023年6月11日
    00
  • vue页面锁屏的完美解决方法记录

    Vue页面锁屏的完美解决方法记录 在Vue项目中,有时候需要在某些页面或某些操作时锁屏,防止用户在数据处理过程中造成不必要的错误。下面是Vue页面锁屏的完美解决方法记录。 方案介绍 该方案使用了Vue官方推荐的vue-loading-overlay插件实现锁屏。该插件提供了一种可定制的加载遮罩层,同时支持全局和组件内部使用。 实现步骤 第一步:安装插件 使用…

    JavaScript 2023年6月11日
    00
  • Android中WebView的基本配置与填坑记录大全

    Android中WebView的基本配置与填坑记录大全 本文将详细介绍Android中WebView的基本配置和一些坑点记录。WebView是Android中经常用到的控件,它能够方便地显示Web页面或者本地HTML页面,同时也支持JavaScript交互。 1. 添加依赖 在build.gradle的dependencies中添加如下依赖: impleme…

    JavaScript 2023年6月11日
    00
  • js中函数的length是多少

    在JavaScript中,函数有length属性,该属性指示函数的参数数量。length属性用于获取函数定义时写入的参数数目,与实际调用函数时传入的参数数目无关。 例如下面这个函数,它包含3个参数: function exampleFunc(a, b, c) { // function body goes here } 那么这个函数的length值就是3,因…

    JavaScript 2023年5月27日
    00
  • 如何通过vscode运行调试javascript代码

    下面是如何通过VSCode运行调试JavaScript代码的完整攻略: 步骤1:安装和配置VSCode 安装VSCode:打开VSCode官网,下载并安装最新的稳定版本。如果已经安装,请保持更新到最新版本。 安装Node.js:在Node.js官网下载并安装Node.js,这将使您可以在VSCode中运行和调试JavaScript代码。 安装VSCode的J…

    JavaScript 2023年5月27日
    00
  • asp.net 实现下拉框只读功能

    当我们在 ASP.NET 中使用下拉框时,有时希望该下拉框在不禁用的情况下变为只读状态,这意味着用户仍然可以查看下拉框内容,但不能更改内容。以下是 ASP.NET 实现下拉框只读功能的攻略: 步骤一:使用 ASP.NET 的 DropDownList 控件 要实现下拉框的只读功能,需要在 ASP.NET 中使用 DropDownList 控件。我们可以在 .…

    JavaScript 2023年6月11日
    00
合作推广
合作推广
分享本页
返回顶部