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日

相关文章

  • threejs全景图和锚点编辑的实现方案

    让我来为您详细讲解“threejs全景图和锚点编辑的实现方案”吧。 前言 在讲解实现方案前,需要了解一下全景图和锚点的基本概念。 什么是全景图? 全景图是一种圆形或球形的图像,可以通过鼠标或手指的滑动来改变视角,从而可以在360度范围内观察场景中的所有细节,给人带来身临其境的感觉。 什么是锚点? 锚点是指在全景图中设置的一个或多个可点击的点,当用户点击锚点时…

    JavaScript 2023年6月11日
    00
  • JavaScript实现移动端页面按手机屏幕分辨率自动缩放的最强代码

    以下是详细的攻略: JavaScript实现移动端页面按手机屏幕分辨率自动缩放的最强代码 在移动端开发过程中,为了适配不同尺寸的手机屏幕,我们需要对页面进行自适应缩放。那么如何实现呢?下面是两种基于 JavaScript 的实现方法。 方法一 通过 JavaScript 获取文档宽度,然后按比例进行缩放。 (function () { function se…

    JavaScript 2023年6月10日
    00
  • JS原型对象操作实例分析

    JS原型对象是JS中非常重要的一个概念。它允许我们将一个或多个属性和方法赋值给一个函数,并允许其他对象通过继承这些属性和方法来共享它们。本文将从以下几个方面详细讲解JS原型对象的操作实例。 1. 什么是JS原型对象? JS原型对象是每个 JS 对象都具有的属性,它允许我们将对象的属性和方法共享到其他对象中。每个对象都有一个原型对象,并且它继承自其父对象的原型…

    JavaScript 2023年5月27日
    00
  • Egg Vue SSR 服务端渲染数据请求与asyncData

    Egg Vue SSR 是一个基于 Egg.js 和 Vue.js 的服务端渲染项 目,它能够将 Vue.js 组件在服务端渲染完成之后再返回给客户端,在一定程度上可以提高页面的首屏渲染速度和搜索引擎的爬取效果。为了更好的支持服务端渲染,Egg Vue SSR 提供了异步数据请求方法 asyncData。 asyncData 是在服务端执行的方法,而非在浏览…

    JavaScript 2023年6月11日
    00
  • Javascript Date getTime() 方法

    以下是关于JavaScript Date对象的getTime()方法的完整攻略,包括两个示例说明。 JavaScript Date对象的getTime()方法 JavaScript Date对象的getTime()方法返回自1970年1月1日00:00:00 UTC以来的毫秒数。这个毫秒数可以用于比较日期和时间,或者用于计算时间间隔。 下面是使用Date对象…

    JavaScript 2023年5月11日
    00
  • Canvas drawImage方法实现图片压缩详解

    Canvas的drawImage方法可以用来实现图片的压缩,下面将详细讲解该方法的使用过程。 drawImage方法简介 Canvas的drawImage方法可以将一个已有的图像绘制到Canvas上。该方法有3种用法: drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight) dra…

    JavaScript 2023年6月10日
    00
  • Javascript 获取滚动条位置等信息的函数

    JavaScript 获取滚动条位置等信息的函数可以帮助我们在开发网页时,实现各种复杂的滚动效果。下面,我将为大家详细讲解相关函数的使用方法和示例演示。 获取滚动条位置的函数:scrollY scrollY 函数是用于获取文档的垂直滚动距离的函数。其用法如下: var scrollPos = window.scrollY; 其中,window 是指当前窗口,…

    JavaScript 2023年6月11日
    00
  • JavaScript常用工具函数库汇总

    JavaScript常用工具函数库汇总 什么是JavaScript常用工具函数库? JavaScript常用工具函数库指的是一组JavaScript函数集合,旨在提供在日常工作中最常用和最基础的工具函数,以便在开发过程中更便捷地进行常见操作,以提高工作效率。 常用工具函数库有哪些? 常用工具函数库有很多,这里推荐以下几个: 1. Lodash Lodash是…

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