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 相关文章推荐
javascript 动态生成私有变量访问器
Dec 06 Javascript
百度Popup.js弹出框进化版 拖拽小框架发布 兼容IE6/7/8,Firefox,Chrome
Apr 13 Javascript
JavaScript对象之间的转换 jQuery对象和原声DOM
Mar 07 Javascript
javascript教程之不完整的继承(js原型链)
Jan 13 Javascript
原生js和jQuery随意改变div属性style的名称和值
Oct 22 Javascript
实现js保留小数点后N位的代码
Nov 13 Javascript
bootstrap实现的自适应页面简单应用示例
Mar 09 Javascript
微信小程序 商城开发(ecshop )简单实例
Apr 07 Javascript
详解Node 定时器
Feb 26 Javascript
elementUI Vue 单个按钮显示和隐藏的变换功能(两种方法)
Sep 04 Javascript
微信小程序实现简单表格
Feb 14 Javascript
微信小程序canvas绘制圆角base64图片的实现
Aug 18 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
谏山创故乡大分县日田市水坝将设立《进击的巨人》立艾伦、三笠以及阿尔敏的铜像!
2020/03/06 日漫
给apache2.2加上mod_encoding模块後 php5.2.0 处理url出现bug
2007/04/12 PHP
Search File Contents PHP 搜索目录文本内容的代码
2010/02/21 PHP
PHP系统命令函数使用分析
2013/07/05 PHP
php读取mysql的简单实例
2014/01/15 PHP
Codeigniter上传图片出现“You did not select a file to upload”错误解决办法
2014/06/12 PHP
Yii2.0建立公共方法简单示例
2019/01/29 PHP
jquery tablesorter.js 支持中文表格排序改进
2009/12/09 Javascript
处理及遍历XML文档DOM元素属性及方法整理
2013/08/23 Javascript
一个Action如何调用两个不同的方法
2014/05/22 Javascript
JS+CSS实现大气清新的滑动菜单效果代码
2015/10/22 Javascript
浅析JS原型继承与类的继承
2016/04/07 Javascript
浅谈json取值(对象和数组)
2016/06/24 Javascript
用JS动态设置CSS样式常见方法小结(推荐)
2016/11/10 Javascript
Angular ng-repeat遍历渲染完页面后执行其他操作详细介绍
2016/12/13 Javascript
Require.js的基本用法详解
2017/07/03 Javascript
JS仿QQ好友列表展开、收缩功能(第二篇)
2017/07/07 Javascript
微信小程序之批量上传并压缩图片的实例代码
2018/07/05 Javascript
vue使用screenfull插件实现全屏功能
2020/09/17 Javascript
[15:57]教你分分钟做大人:斧王
2014/10/30 DOTA
Python入门_浅谈数据结构的4种基本类型
2017/05/16 Python
详解python分布式进程
2018/10/08 Python
Python分类测试代码实例汇总
2020/07/23 Python
python爬虫搭配起Bilibili唧唧的流程分析
2020/12/01 Python
class类在python中获取金融数据的实例方法
2020/12/10 Python
python 基于opencv去除图片阴影
2021/01/26 Python
html5 css3 动态气泡按钮实例演示
2012/12/02 HTML / CSS
英国百安居装饰建材网上超市:B&Q
2016/09/13 全球购物
JD Sports德国官网:英国领先的运动鞋和运动服饰零售商
2018/02/26 全球购物
法国创作个性化T恤衫和其他定制产品平台:Tostadora
2018/04/08 全球购物
法国亚马逊官方网站:Amazon.fr
2020/12/19 全球购物
会计核算科岗位职责
2014/03/19 职场文书
文明社区申报材料
2014/08/21 职场文书
婚礼答谢词
2015/01/04 职场文书
自主招生推荐信怎么写
2015/03/26 职场文书
《春酒》教学反思
2016/02/22 职场文书