将时间转化为几秒前 几分钟前 几小时前...

前言

将时间转化为 几秒前、几分钟前、几小时前...  是一个比较常见需求，常用于新闻之内的。这个我们就不做讨论了 0.0~

今天说说我遇到的一个问题： 为什么转化的时间在编辑器上是正常的，IOS手机上面就会变成 NaN ？what~

Part.1  效果

编辑器效果

 

真机效果

 

Part.2  问题原因

问题原因：原来 IOS 手机的时间格式与 Android 手机不同（这个原因真不好发现）

                        IOS：年/月/日 

                  Android : 年-月-日

 

解决步骤： 1. 将  年-月-日 运用正则替换为 年/月/日， 我这里的替换方法： time.replace(/-/g, '/') 

                   2. 然后用替换好的时间得到时间戳： new Date(time).getTime() 

                   3. 调用转化方法

 

Part.3  转化方法

/**
 * 转化时间格式 '几秒前、几分钟前、几小时前...'
 */
function friendlyDate(timestamp) {
    var formats = {
        'year': '%n% 年前',
        'month': '%n% 月前',
        'day': '%n% 天前',
        'hour': '%n% 小时前',
        'minute': '%n% 分钟前',
        'second': '%n% 秒前',
    };
    var now = Date.now();
    var seconds = Math.floor((now - Number(timestamp)) / 1000);
    var minutes = Math.floor(seconds / 60);
    var hours = Math.floor(minutes / 60);
    var days = Math.floor(hours / 24);
    var months = Math.floor(days / 30);
    var years = Math.floor(months / 12);

    var diffType = '';
    var diffValue = 0;
    if (years > 0) {
        diffType = 'year';
        diffValue = years;
    } else {
        if (months > 0) {
            diffType = 'month';
            diffValue = months;
        } else {
            if (days > 0) {
                diffType = 'day';
                diffValue = days;
            } else {
                if (hours > 0) {
                    diffType = 'hour';
                    diffValue = hours;
                } else {
                    if (minutes > 0) {
                        diffType = 'minute';
                        diffValue = minutes;
                    } else {
                        diffType = 'second';
                        diffValue = seconds === 0 ? (seconds = 1) : seconds;
                    }
                }
            }
        }
    }
    return formats[diffType].replace('%n%', diffValue);
}