javascript实现详细时间提醒信息效果的方法


Posted in Javascript onMarch 11, 2015

本文实例讲述了javascript实现详细时间提醒信息效果的方法。分享给大家供大家参考。具体如下:

我们经常在社交网络上面看到很人性化的时间提示比如,你的朋友几分钟前更新了什么,你的朋友几天前更新了什么信息.
这些小tips比直接显示某年某月人性化很多.我们可以用不同的程序实现这种效果.下面我是通过前台javascript来实现这种效果.
这样可以减少后台服务器的压力.

javascript实现代码如下:

// 本函数实现了更人性化的时间提示 

// @param date_str 传递过来的时间,时间格式如:2010-12-14 18:36:09

function date_parser_diff_return(date_str){

    var  date=new Date();

    if(typeof(date_str)!='string')return date;

    var date_arr=date_str.split(new RegExp("[:| |-]","ig"));

    var date_obj = new Date(date_arr[0],date_arr[1]-1,date_arr[2],date_arr[3],date_arr[4],date_arr[5]);

    var date_seconddiff=( new Date().getTime()-date_obj.getTime() ) /1000 ;

        date_str_w='';

        if(date_seconddiff <60*30)date_str_w= Math.ceil(date_seconddiff/60)+"分钟前 ";

        if(!date_str_w && date_seconddiff <3600)date_str_w= "1小时前 ";

        if(!date_str_w && date_seconddiff <3600*2)date_str_w= "2小时前 ";

        if(!date_str_w && date_seconddiff <3600*3)date_str_w= "3小时前 ";

        if(!date_str_w && date.getFullYear()==date_arr[0] && date.getMonth()==date_arr[1]-1 && date.getDate()==date_arr[2])

                date_str_w= "今天 "+date_arr[3]+':'+date_arr[4];

        if(!date_str_w && date.getFullYear()==date_arr[0] && date.getMonth()==date_arr[1]-1 && date.getDate()-1==date_arr[2])

                date_str_w= "昨天 "+date_arr[3]+':'+date_arr[4];

        if(!date_str_w && date.getFullYear()==date_arr[0] && date.getMonth()==date_arr[1]-1 && date.getDate()-2==date_arr[2])

                date_str_w= "前天 "+date_arr[3]+':'+date_arr[4];

        if(!date_str_w && date.getFullYear()==date_arr[0] && date.getMonth()==date_arr[1]-1 ) 

                date_str_w= (date.getMonth()+1)+"月"+  date_arr[2]+"号 "+date_arr[3]+':'+date_arr[4];

        if(!date_str_w && date.getFullYear()==date_arr[0]) 

               date_str_w= "今年 " + date_arr[1]+"月"+  date_arr[2]+"号 "+date_arr[3]+':'+date_arr[4];

        if(!date_str_w && date.getFullYear()-1==date_arr[0]) 

               date_str_w= "去年 " + date_arr[1]+"月"+  date_arr[2]+"号 "+date_arr[3]+':'+date_arr[4];

        document.write(date_str_w);

};

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
Extjs显示从数据库取出时间转换JSON后的出现问题
Nov 20 Javascript
js移除事件 js绑定事件实例应用
Nov 28 Javascript
复选框全选与全不选操作实现思路
Aug 18 Javascript
用jQuery实现的智能隐藏、滑动效果的返回顶部代码
Mar 18 Javascript
ECMA5数组的新增方法有哪些及forEach()模仿实现
Nov 03 Javascript
jQuery基础知识点总结(DOM操作)
Jun 01 Javascript
js前端导出Excel的方法
Nov 01 Javascript
js生成word中图片处理方法
Jan 06 Javascript
Vue实现搜索结果高亮显示关键字
May 28 Javascript
使用VScode 插件debugger for chrome 调试react源码的方法
Sep 13 Javascript
Vue中this.$nextTick的作用及用法
Feb 04 Javascript
解决vue打包报错Unexpected token: punc的问题
Oct 24 Javascript
JavaScript实现SHA-1加密算法的方法
Mar 11 #Javascript
JavaScript前补零操作实例
Mar 11 #Javascript
JavaScript限定图片显示大小的方法
Mar 11 #Javascript
iScroll中事件点击触发两次解决方案
Mar 11 #Javascript
node-webkit打包成exe文件被360误报木马的解决方法
Mar 11 #Javascript
javascript结合Canvas 实现简易的圆形时钟
Mar 11 #Javascript
解决node-webkit 不支持html5播放mp4视频的方法
Mar 11 #Javascript
You might like
PHP+APACHE实现用户论证的方法
2006/10/09 PHP
PHP 和 XML: 使用expat函数(一)
2006/10/09 PHP
PHP容易被忽略而出错陷阱 数字与字符串比较
2011/11/10 PHP
基于php split()函数的用法详解
2013/06/05 PHP
PHP读书笔记_运算符详解
2016/07/01 PHP
不能再简单的无闪刷新验证码原理很简单
2007/11/05 Javascript
JavaScript获取页面上某个元素的代码
2011/03/13 Javascript
学习js在线html(富文本,所见即所得)编辑器
2012/12/18 Javascript
js事件冒泡实例分享(已测试)
2013/04/23 Javascript
javascript中RegExp保留小数点后几位数的方法分享
2013/08/13 Javascript
JavaScript的常见兼容问题及相关解决方法(chrome/IE/firefox)
2013/12/31 Javascript
jQuery插件实现大图全屏图片相册
2015/03/14 Javascript
实现无刷新联动例子汇总
2015/05/20 Javascript
全面解析多种Bootstrap图片轮播效果
2016/05/27 Javascript
Vue数据驱动模拟实现2
2017/01/11 Javascript
浅谈Node.js CVE-2017-14849 漏洞分析(详细步骤)
2017/11/10 Javascript
360doc网站不登录就无法复制内容的解决方法
2018/01/27 Javascript
JavaScript反射与依赖注入实例详解
2018/05/29 Javascript
node.js处理前端提交的GET请求
2019/08/30 Javascript
vue实现手机端省市区区域选择
2019/09/27 Javascript
python实现自动登录
2018/09/17 Python
python pygame实现2048游戏
2018/11/20 Python
对python指数、幂数拟合curve_fit详解
2018/12/29 Python
纯python进行矩阵的相乘运算的方法示例
2019/07/17 Python
python为QT程序添加图标的方法详解
2020/03/09 Python
python中selenium库的基本使用详解
2020/07/31 Python
Hotels.com南非:酒店预订
2017/11/02 全球购物
办公室文秘岗位职责
2013/11/15 职场文书
后勤岗位职责
2013/11/26 职场文书
个人委托书范本
2014/04/02 职场文书
力学专业求职信
2014/07/23 职场文书
银行奉献演讲稿
2014/09/16 职场文书
村主任群众路线教育实践活动个人对照检查材料思想汇报
2014/10/01 职场文书
宣传委员竞选稿
2015/11/19 职场文书
搞笑婚礼主持词开场白
2015/11/24 职场文书
python​格式化字符串
2022/04/20 Python