首页 > 其他分享 >js---格式化时间显示

js---格式化时间显示

时间:2024-01-22 11:35:29浏览次数:33  
标签:格式化 hour timeStamp js --- let date diff minute

我们在做时间渲染的时候,经常会遇到需要将时间转为特定的显示方式,以下是常见的时间显示格式化方法:

export function formateTime(timeStamp){
    timeStamp = timeStamp * 1000;
    let date = new Date(timeStamp);
    let year = date.getFullYear();
    let month = date.getMonth() + 1;
    let day = date.getDate();
    let hour = date.getHours();
    let minute = date.getMinutes();
    let nowTime = new Date().getTime();
    let diff = nowTime - timeStamp;
    diff = parseInt(diff / 1000);
    if(diff < 60){ return '刚刚'; }
    if(diff < 3600){ return Math.ceil(diff / 60) + '分钟前'; }
    if(diff < 86400){ return (hour < 10 ? '0' + hour : hour) + ':' + (minute < 10 ? '0' + minute : minute);}
    return year + '-' + month + '-' + day + ' ' + (hour < 10 ? '0' + hour : hour) + ':' + (minute < 10 ? '0' + minute : minute);
}

打完收工!

标签:格式化,hour,timeStamp,js,---,let,date,diff,minute
From: https://www.cnblogs.com/e0yu/p/17979676

相关文章

  • 【240122-1】已知:a^2-b^2=6,ab=4 求:a、b的值?
    ......
  • C++类和对象-对象特性(1)
    一.对象的初始化和清理面对对象来源于生活,每一个对象都有初始设置以及对象销毁钱的清理数据的设置二.构造函数和析构函数C++利用上述俩个函数完成对象初始化和清理,这两个函数会被编译器自动调用,完成对象初始化和清理工作,如果我们不提供构造函数和析构函数,编译器会提供(编译器......
  • npm ERR! code 1 npm ERR! path E:\20231213\vue-element-admin\node_modules\nod
    执行npminstall报错,根据下面报错信息可知,是由于nodejs和node-sass版本不一致造成的,也就是当前项目比较旧,而我安装的nodejs比较新。PSE:\20231213\vue-element-admin>PSE:\20231213\vue-element-admin>PSE:\20231213\vue-element-admin>PSE:\20231213\vue-element-adm......
  • js用前缀名查找class或id节点,js模糊查询某个dom节点
     1//参数dom为htmldom节点2//参数key为需模糊查询的名称字段3functionqueryClassNode(dom,key){4letcollectArray=[];5for(leti=0;i<dom.childNodes.length;i++){6//核心点7if(d......
  • uniapp web-view h5中左滑会退出app解决办法,超简单
    只需要在app中有web-view组件的页面,onload中加入一下代码即可支持vue2,vue3constwebview=plus.webview.currentWebview();//获取窗口//eslint-disable-next-lineno-undefplus.key.addEventListener('backbutton',function(){//监听返回事件console.log......
  • v-html后数据的显示隐藏
    v-html表示出来的,但是项目要对产生的数据进行部分显示隐藏demo<template><div><div:style="{height:'500px',overflow:visible?'visible':'hidden'}">这是一大堆内容这是一大堆内容这是一大堆内容这是一大堆内容这是一大堆内容这是一大堆内容这是一大堆内容这是一......
  • CRC - 校验汇总
    CRC-校验汇总软件: 1.计算法: #ifndef__CRCLIB_H__#define__CRCLIB_H__#include"stdint.h"uint8_tcrc4_itu(uint8_t*data,uint16_tlength);uint8_tcrc5_epc(uint8_t*data,uint16_tlength);uint8_tcrc5_itu(uint8_t*data,uint16_tlength);uin......
  • MySQL-8.3.0 innovation 创新版本YUM安装配置
     MySQL-8.3.0innovation版本已发布了,想抢先体验一下最新的功能,可以用以下的方式快速在虚拟机上安装一下哈 服务器环境:[root@node213~]#cat/etc/redhat-releaseCentOSLinuxrelease7.9.2009(Core)[root@node213~]#uname-aLinuxnode2133.10.0-1160.el7.x86_64#1......
  • elasticsearch学习笔记1 - 安装
    本次编写es笔记是为了记录学习到的es知识点,给大家一个快速理解和方便查找的地方。一、了解一下es是什么?为什么要使用es?   因为系统一步一步运行,数据越来越多,每天产生的订单差不动2,3w的数据量,MYSQL数据的查询越来越吃力,然后领导要求能不能先办法解决一下。 然后呢,在网......
  • 根据返回的多层Json来进行创建文件,达到根据阶层创建,然后压缩成压缩包进行下载
    临时接到一个需求说让根据按照下面的这个图片的结构来打包下载指定位置下的文件到指定位置!实现思路:1.把已经实现的树形结构的代码进行调用,拿到他的数据进行创建对应的文件夹2.因为结构下方的文件没有特别直观的数据库中的关联关系,所以还需要对于管理关系进行梳理3.创......