目的:
根据不同时间,展示不同时间文案
需求:
描述如下:
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的操作。