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

yizhihongxing

为了将普通日期转换为多少小时前、多少分钟前、多少秒之前,我们可以使用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的六大数据类型

    下面是详解js的六大数据类型的攻略。 什么是数据类型 JavaScript 是一种动态类型语言,这意味着在使用变量之前不需要声明变量的数据类型。JavaScript 支持六种基本数据类型和一种复杂的数据类型,这篇文章将详细介绍这些数据类型。 六大数据类型 1. Number(数字) Number 是 JavaScript 中的一个基本数据类型,它表示数字。 …

    JavaScript 2023年5月28日
    00
  • javascript实现花样轮播效果

    JavaScript实现花样轮播效果攻略 轮播效果是Web开发中经常使用的交互元素,下面我们将介绍如何使用JavaScript实现花样轮播效果。 实现思路 实现花样轮播效果的主要思路是:动态的改变轮播项的位置,实现轮播效果。该实现思路可以通过列表型轮播和可视区域轮播两种方式实现。 列表型轮播 列表型轮播是将所有轮播项放在一个容器中,通过改变容器的宽度和定位属…

    JavaScript 2023年6月10日
    00
  • 浅谈JavaScript_DOM学习篇_图片切换小案例

    浅谈JavaScript DOM学习篇 – 图片切换小案例 学习 JavaScript 的过程离不开操作文档对象模型(DOM),本文将通过一个简单的图片切换小案例来阐述 DOM 的基础知识和常用操作。 一、前置知识 在开始学习 DOM 之前应该先了解以下基础知识: HTML CSS JavaScript 语法基础 二、正文内容 1. 简述DOM DOM(文档…

    JavaScript 2023年6月10日
    00
  • js中回调函数的学习笔记

    JS中回调函数的学习笔记 回调函数的定义 回调函数是指在一个函数的参数中传递的函数,被传递的函数将在调用该参数的函数执行完毕之后立即执行。该函数被称为“回调函数”。 回调函数的作用 回调函数的作用是将一个复杂的问题分解成多个简单的问题,以便更好的理解和解决整个问题。回调函数可以让我们更好地实现代码重用,提高程序的可读性和可维护性。 回调函数的示例 我们可以通…

    JavaScript 2023年5月27日
    00
  • JavaScript遍历查找数组中最大值与最小值的方法示例

    下面是针对 JavaScript 遍历查找数组中最大值与最小值的方法的详细攻略。 算法原理 以下是查找数组中最大值与最小值的算法原理: 初始化最大值和最小值,将最大值和最小值分别设置为数组的第一个元素的值。 使用循环遍历数组。 在循环时,判断数组中的当前元素是否大于最大值,如果是,则将最大值设为当前元素的值。 在循环时,判断数组中的当前元素是否小于最小值,如…

    JavaScript 2023年5月28日
    00
  • JavaScript定时器实现的原理分析

    关于“JavaScript定时器实现的原理分析”的完整攻略,以下内容供参考。 纯文本格式 一、JavaScript定时器的种类 在JavaScript中,有两种类型的定时器:setTimeout和setInterval。它们两者的区别在于: setTimeout:只执行一次定时任务,执行完后就不再执行; setInterval:每隔一段时间重复执行定时任务。…

    JavaScript 2023年5月28日
    00
  • Javascript 面向对象 对象(Object)

    下面是 Javascript 面向对象 对象(Object)的完整攻略: 理解概念 JavaScript 的面向对象和其他语言很相似,都是基于类和实例的概念。但是 JavaScript 中没有类,而是通过对象来实现面向对象编程。 对象可以看作是一个属性的集合,每个属性都是由键值对(key-value pair)组成,键名是字符串,键值可以是任意的 JavaS…

    JavaScript 2023年5月27日
    00
  • Javascript入门学习第五篇 js函数第2/2页

    首先,我们需要了解什么是JavaScript函数。函数是一种可重复使用的代码块,它接受输入,执行操作,然后返回输出。函数通常用于执行特定的任务或计算,并且它们允许我们在代码中组织和重用代码。以下是函数的基本语法: function functionName(parameter1, parameter2, …){ // 函数代码 return return…

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