小程序时间显示美化

有些发布信息显示的是多少时间前的效果,

其实只需要一个方法。

参数e是某个元素,然后e.currentTarget.dataset.属性   可以获取他这个元素 绑定的某个属性的值

直接上代码,很容易理解。

 /**
   * 时间转换
   */
  getDateDiff: function(e) {
    var minute = 1000 * 60;
    var hour = minute * 60;
    var day = hour * 24;
    var halfamonth = day * 15;
    var month = day * 30;
    var now = getDate(); //有些特殊 不能使用 new Date()
    var diffValue = now - e.currentTarget.dataset.time;
    if (diffValue < 0) {
      return;
    }
    var monthC = diffValue / month;
    var weekC = diffValue / (7 * day);
    var dayC = diffValue / day;
    var hourC = diffValue / hour;
    var minC = diffValue / minute;
    if (monthC >= 1) {
      result = "" + parseInt(monthC) + "月前";
    } else if (weekC >= 1) {
      result = "" + parseInt(weekC) + "周前";
    } else if (dayC >= 1) {
      result = "" + parseInt(dayC) + "天前";
    } else if (hourC >= 1) {
      result = "" + parseInt(hourC) + "小时前";
    } else if (minC >= 1) {
      result = "" + parseInt(minC) + "分钟前";
    } else
      result = "刚刚";

    console.log(result);
    return result;
  }, //时间戳转化为几天前,几小时前,几分钟前

方法体逻辑简单,但是非常实用,效果很棒。

只要想法好,写什么东西效果都会非常好。

学习能力就是这样锻炼的。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值