JS实用小方法-将时间转换为 `刚刚`、`几秒前`、`几分钟前`、`几小时前`、`几天前`、几月前或按照传入格式显示

参数相关

  • date为传入时间 例:"2023/5/10 11:32:01" 2023-02-01 09:32:01
  • type为返回类型 例:- / 年月日 年
  • 默认规则,大于等于一天(24小时)展示'X天前;大于等于30天且小于365天展示'X个月前';大于等于365天且展示'x年前',否则按照传入参数规则展示
  • zeroFillFlag参数为是否数字补零,默认补零
  • 时间参数date为必写参数
const formatPast = (date, type = "default", zeroFillFlag = true) => {
        // 定义countTime变量,用于存储计算后的数据
        let countTime;
        // 获取当前时间戳
        let time = new Date().getTime();
        // 转换传入参数为时间戳
        let afferentTime = new Date(date).getTime();
        // 当前时间戳 - 传入时间戳
        time = Number.parseInt(`${time - afferentTime}`);
        if (time < 10000) {
            // 10秒内
            return "刚刚";
        } else if (time < 60000) {
            // 超过10秒少于1分钟内
            countTime = Math.floor(time / 1000);
            return `${countTime}秒前`;
        } else if (time < 3600000) {
            // 超过1分钟少于1小时
            countTime = Math.floor(time / 60000);
            return `${countTime}分钟前`;
        } else if (time < 86400000) {
            // 超过1小时少于24小时
            countTime = Math.floor(time / 3600000);
            return `${countTime}小时前`;
        } else if (time >= 86400000 && type == "default") {
            // 超过二十四小时(一天)且格式参数为默认"default"
            countTime = Math.floor(time / 86400000);
            //大于等于365天
            if (countTime >= 365) {
                return `${Math.floor(countTime / 365)}年前`;
            }
            //大于等于30天
            if (countTime >= 30) {
                return `${Math.floor(countTime / 30)}个月前`;
            }
            return `${countTime}天前`;
        } else {
            // 一天(24小时)以上且格式不为"default"则按传入格式参数显示不同格式
            // 数字补零
            let Y = new Date(date).getFullYear();
            let M = new Date(date).getMonth() + 1;
            let zeroFillM = M > 9 ? M : "0" + M;
            let D = new Date(date).getDate();
            let zeroFillD = D > 9 ? D : "0" + D;
            // 传入格式为"-" "/" "."
            if (type == "-" || type == "/" || type == ".") {
                return zeroFillFlag
                    ? Y + type + zeroFillM + type + zeroFillD
                    : Y + type + M + type + D;
            }
            // 传入格式为"年月日"
            if (type == "年月日") {
                return zeroFillFlag
                    ? Y + type[0] + zeroFillM + type[1] + zeroFillD + type[2]
                    : Y + type[0] + M + type[1] + D + type[2];
            }
            // 传入格式为"月日"
            if (type == "月日") {
                return zeroFillFlag
                    ? zeroFillM + type[0] + zeroFillD + type[1]
                    : M + type[0] + D + type[1]
            }
            // 传入格式为"年"
            if (type == "年") {
                return Y + type
            }

        }
    };
    console.log(formatPast("2024-1-1 11:11:11")); // 3天前
    console.log(formatPast("2024-11-1 11:11:11")); // 2个月前
    console.log(formatPast("2016-03-18 11:32:01")); // 8年前
    console.log(formatPast("2024-02-01 09:32:01", "-", false)); // 2024-2-1
    console.log(formatPast("2024.03.18 19:32:01", "/")); // 2024/03/18
    console.log(formatPast("2024.03.18 19:32:01", ".")); // 2024.03.18
    console.log(formatPast("2024/3/18 11:32:01", "年月日")); // 2024年03月18日
    console.log(formatPast("2024/3/18 11:32:01", "月日", false)); // 3月18日
    console.log(formatPast("2024/3/18 11:32:01", "年")); // 2024年

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值