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日

相关文章

  • 原生js实现倒计时功能(多种格式调用)

    下面是关于原生JavaScript实现倒计时功能的攻略,包含了多种格式的调用方式: 前置知识 在学习原生JavaScript实现倒计时功能前,需要掌握HTML、CSS、和基本的JavaScript语法知识。 原生JavaScript实现倒计时功能 HTML 首先,我们需要在HTML文件中创建一个具有倒计时功能的元素,例如一个 div 元素: <div …

    JavaScript 2023年5月27日
    00
  • JavaScript访问字符串中单个字符的两种方法

    当我们需要从一个字符串中获取单个字符时,JavaScript提供了两种方法。 方法一:使用charAt()方法 charAt() 方法返回指定索引位置处的字符,索引从0开始计数。如果索引超出字符串长度,则返回一个空字符串。 let str = "Hello World!"; let char1 = str.charAt(0); // ch…

    JavaScript 2023年5月28日
    00
  • 浅谈javascript中return语句

    当在JavaScript中编写函数时,有时需要将函数的结果返回到调用函数的地方。这就是使用return语句的情况。 return语句允许我们从函数中返回一个值,并将其放回到调用函数的行。在本文中,我们将讨论JavaScript中的return语句及其用法。 什么是return语句 JavaScript中的return语句指定函数应该返回的值。如果一个函数没有…

    JavaScript 2023年6月11日
    00
  • js遍历子节点子元素附属性及方法

    遍历子节点和子元素是JavaScript和DOM中常用的操作之一。以下是详细讲解“js遍历子节点子元素附属性及方法”的完整攻略。 1. 获取父元素中的所有子节点 在DOM中,获取父元素中的所有子节点可以使用childNodes属性。该属性会返回一个列表,其中包含父元素中的所有子节点。但是需要注意,这个列表可能包含空格和文本节点,因此我们需要对其进行处理,只获…

    JavaScript 2023年6月10日
    00
  • JavaScript 操作符

    JavaScript 操作符/运算符 在 JavaScript 中,有一些操作符可以使代码更简洁、易读和高效。以下是一些常见的操作符: 1、可选链操作符(optional chaining operator) ?.是可选链操作符(optional chaining operator)。?. 可选链操作符用于访问可能为空或未定义的属性或方法,它允许我们安全地访…

    JavaScript 2023年4月19日
    00
  • js利用FileReader读取本地文件或者blob方式

    接下来我将详细讲解使用JavaScript中的FileReader对象来读取本地文件或Blob对象的方法。 FileReader对象简介 FileReader对象是WebAPI中的一个对象,用于读取本地文件中的数据。它提供了一种异步方式来读取文件,并且支持大量的文件类型。我们可以使用FileReader对象将文件读取为文本、DataURL或ArrayBuff…

    JavaScript 2023年5月27日
    00
  • 浅谈javascript如何获取文件后缀名

    下面是“浅谈JavaScript如何获取文件后缀名”的完整攻略: 1.什么是文件后缀名 文件后缀名是指在文件名的最后一个句点(.)后面的几个字符,用来表示该文件的类型。比如说,图片文件的后缀名通常是“jpg”或“png”,文本文件的后缀名通常是“txt”或“md”,等等。 2.如何获取文件后缀名 在JavaScript中,可以通过字符串的方法来获取文件后缀名…

    JavaScript 2023年5月27日
    00
  • javascript实现随机显示星星特效

    实现随机显示星星特效可以使用JavaScript编程语言,在HTML和CSS文件中结合使用来实现。下面是一个完整攻略: 1. 编写HTML和CSS 首先,在HTML文件中创建一个用于呈现星星特效的 div 元素,给它一个适当的 ID。 <div id="stars"></div> 接下来,在CSS文件中设置该 di…

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