友好时间显示的javascript代码
来源:互联网 发布:拳皇网络对战 编辑:程序博客网 时间:2024/05/07 01:29
一段日期友好显示的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')
。
0 0
- 友好时间显示的javascript代码
- c#显示友好时间代码
- java 友好的显示时间
- Java基础之时间的友好显示
- 友好的显示时间 PHP端
- php比较全的友好时间显示
- swift 显示友好时间
- PHP 友好时间显示
- JAVASCRIPT 显示日期时间的代码
- PHP比较全的友好的时间显示
- 在yii中显示友好的时间格式
- 搜索引擎友好的JavaScript
- javascript显示年月日时间代码
- javascript显示年月日时间代码
- javascript显示年月日时间代码
- Javascript 最简单的动态显示当前时间的代码
- JavaScript实时时间显示的最简单代码
- 友好时间显示 java以及php实现
- 创建完全的隐藏用户
- PHP MySql增删改查
- 开关问题 POJ 3276 POJ 3279 POJ 1222
- 命令行批量修改IP并ping测试
- JS判断浏览器种类
- 友好时间显示的javascript代码
- IE下JS保存图片
- mysql 记录根据日期字段倒序输出
- CSS响应式网站开发
- CSS响应式布局实例
- UVA 1515 Pool construction [最小割]
- 简单工厂模式
- Spring学习----------AOP以及Spring配置文件详解
- asp.net Json序列化