根据不同时间,展示不同时间文案

目的:
根据不同时间,展示不同时间文案


需求:
描述如下:
x < 1分钟显示为 xxx秒前
1分钟 < x < 1小时显示为 xxx分钟前
1小时 ≤ x < 24小时显示为xx小时前
24小时 ≤ x < 1个月显示为xxx天前
1个月 ≤ x < 1年显示为xxx月前
x ≥ 1年显示为年前


效果展示:
在这里插入图片描述


   //获取当前时间减去服务端(接口)返回的时间戳
    startTimeing() {
      let self = this
      window.setInterval(() => {
        let timestamp1 = Date.parse(new Date())
        let time = timestamp1 - self.start_time * 1000//start_time是服务端获得的时间
        self.doTime(time)
      }, 1000)
    },
    doTime(time) {
      this.getDateDiff = this.getDateDiff(time)
    },
    getDateDiff: function (dateStr) {
     let that = this;
     let publishTime = that.getDateTimeStamp(dateStr) / 1000,
         d_seconds,
         d_minutes,
         d_hours,
         d_days,
         timeNow = parseInt(new Date().getTime() / 1000),
         d,

         date = new Date(publishTime * 1000),
         Y = date.getFullYear(),
         M = date.getMonth() + 1,
         D = date.getDate(),
         H = date.getHours(),
         m = date.getMinutes(),
         s = date.getSeconds();
     //小于10的在前面补0
     if (M < 10) {
         M = '0' + M;
     }
     if (D < 10) {
         D = '0' + D;
     }
     if (H < 10) {
         H = '0' + H;
     }
     if (m < 10) {
         m = '0' + m;
     }
     if (s < 10) {
         s = '0' + s;
     }
     d = timeNow - publishTime;
     d_days = parseInt(d / 86400);
     d_hours = parseInt(d / 3600);
     d_minutes = parseInt(d / 60);
     d_seconds = parseInt(d);

     if (d_days > 0 && d_days < 365) {
         return d_days + '天前';
     } else if (d_days <= 0 && d_hours > 0) {
         return d_hours + '小时前';
     } else if (d_hours <= 0 && d_minutes > 0) {
         return d_minutes + '分钟前';
     } else if (d_seconds < 60) {
         if (d_seconds <= 0) {
             return '刚刚发表';
         } else {
             return d_seconds + '秒前';
         }
     } else if (d_days >= 365) {
         return parseInt(d / 31536000) + '年前';
     }
 },
//字符串转换为时间戳
 getDateTimeStamp: function (dateStr) {
     let reg = /^\d+$/;
     if (reg.test(dateStr)) {
         return new Date(dateStr);
     } else {
         return Date.parse(dateStr.replace(/-/gi, "/"));
     }
 },

这里解释一下,为什么要匹配‘-’,这里是需要兼容IOS的操作。

猜你喜欢

转载自blog.csdn.net/qq_24147051/article/details/93170898
今日推荐