一段日期友好显示的javascript脚本
标签(空格分隔): javascript
需求
需要将一个时间字符串格式(如,2016-08-15 11:23:00)显示友好时间(如,1分钟内,2分钟前等等)。
因为需要这个,所以最近开发了一个javascript函数,用于实现该需求。
时间显示规则如下:
- 与当前时间相差60s以内(不包括60s),显示1分钟内;
- 与当前时间相差60min以内(不包括60min),显示XX分钟前;
- 与当前时间相差24h以内(不包括24h),显示XX小时前;
- 与当前时间相差3d以内(不包括3d),显示XX天前;
- 发布时间为今年,显示MM-dd;
- 发布时间不在今年, 显示yyyy-MM-dd;
基本思路
简单来说,就是用当前时间的时间戳与指定时间的时间错戳相减,用这个差值进行匹配。
代码
/**
* 获取指定时间的友好时间字符串。
* @param str 指定的时间字符串,如yyyy-MM-dd HH:mm:ss
* @param now 当前时间,允许时间戳,GMT时间,如果该参数为undefined,则使用浏览器时间。
*/
function getFriendlyTime(str, now){
var currentTime = new Date(now);
var arr = str.split(/\s+/gi);
var temp = 0, arr1, arr2, oldTime, delta;
var getIntValue = function(ss, defaultValue){
try{
return parseInt(ss, 10);
}catch (e){
return defaultValue;
}
};
var getWidthString = function(num){
return num < 10 ? ("0" + num) : num;
};
if(arr.length >= 2){
arr1 = arr[0].split(/[\/\-]/gi);
arr2 = arr[1].split(":");
oldTime = new Date();
oldTime.setYear(getIntValue(arr1[0], currentTime.getFullYear()));
oldTime.setMonth(getIntValue(arr1[1], currentTime.getMonth() + 1) - 1);
oldTime.setDate(getIntValue(arr1[2], currentTime.getDate()));
oldTime.setHours(getIntValue(arr2[0], currentTime.getHours()));
oldTime.setMinutes(getIntValue(arr2[1], currentTime.getMinutes()));
oldTime.setSeconds(getIntValue(arr2[2], currentTime.getSeconds()));
delta = currentTime.getTime() - oldTime.getTime();
if(delta <= 6000){
return "1分钟内";
}
else if(delta < 60 * 60 * 1000){
return Math.floor(delta / (60 * 1000)) + "分钟前";
}
else if(delta < 24 * 60 * 60 * 1000){
return Math.floor(delta / (60 * 60 * 1000)) + "小时前";
}
else if(delta < 3 * 24 * 60 * 60 * 1000){
return Math.floor(delta / (24 * 60 * 60 * 1000)) + "天前";
}
else if(currentTime.getFullYear() != oldTime.getFullYear()){
return [getWidthString(oldTime.getFullYear()), getWidthString(oldTime.getMonth() + 1), getWidthString(oldTime.getDate())].join("-")
}
else{
return [getWidthString(oldTime.getMonth() + 1), getWidthString(oldTime.getDate())].join("-");
}
}
return "";
}
调用方式: getFriendlyTime(str[, now])
,如getFriendlyTime('2016-08-15 11:56:00')
。