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 获取用户客户端操作系统版本
Aug 25 Javascript
js event事件的传递与冒泡处理
Dec 06 Javascript
JavaScript.Encode手动解码技巧
Jul 14 Javascript
多个表单中如何获得这个文件上传的网址实现js代码
Mar 25 Javascript
js为空或不是对象问题的快速解决方法
Dec 11 Javascript
使用js判断TextBox控件值改变然后出发事件
Mar 07 Javascript
JS实现不使用图片仿Windows右键菜单效果代码
Oct 22 Javascript
关于数据与后端进行交流匹配(点亮星星)
Aug 03 Javascript
Angular2中select用法之设置默认值与事件详解
May 07 Javascript
微信小程序request请求后台接口php的实例详解
Sep 20 Javascript
jQuery实现简单日历效果
Jul 05 jQuery
在vue中实现清除echarts上次保留的数据(亲测有效)
Sep 09 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
关于页面优化和伪静态
2009/10/11 PHP
PHP实现的简单网络硬盘
2015/07/29 PHP
win7 wamp 64位 php环境开启curl服务遇到的问题及解决方法
2018/09/16 PHP
Js组件的一些写法
2010/09/10 Javascript
基于jquery的一行代码轻松实现拖动效果
2010/12/28 Javascript
JavaScript给按钮绑定点击事件(onclick)的方法
2015/04/07 Javascript
AngularJS基础学习笔记之指令
2015/05/10 Javascript
Javascript仿新浪游戏频道鼠标悬停显示子菜单效果
2015/08/21 Javascript
jquery表单验证需要做些什么
2015/11/17 Javascript
原生JavaScript实现瀑布流布局
2020/06/28 Javascript
js老生常谈之this,constructor ,prototype全面解析
2016/04/05 Javascript
Vue数据驱动模拟实现2
2017/01/11 Javascript
Vue2.0实现购物车功能
2017/06/05 Javascript
vue如何引入sass全局变量
2018/06/28 Javascript
vue+element-ui动态生成多级表头的方法
2018/08/28 Javascript
浅谈js闭包理解
2019/04/01 Javascript
如何在微信小程序里面退出小程序的方法
2019/04/28 Javascript
解决 window.onload 被覆盖的问题方法
2020/01/14 Javascript
公众号SVG动画交互实战代码
2020/05/31 Javascript
如何利用javascript接收json信息并进行处理
2020/08/06 Javascript
[01:46]新英雄登场
2019/09/10 DOTA
[03:00]DOTA2-DPC中国联赛1月18日Recap集锦
2021/03/11 DOTA
Python3 xml.etree.ElementTree支持的XPath语法详解
2020/03/06 Python
python 负数取模运算实例
2020/06/03 Python
如何利用Python给自己的头像加一个小国旗(小月饼)
2020/10/02 Python
Python实现http接口自动化测试的示例代码
2020/10/09 Python
浅谈移动端网页图片预加载方案
2018/11/05 HTML / CSS
求职信模版
2013/11/30 职场文书
便利店促销方案
2014/02/20 职场文书
养牛场项目建议书
2014/05/13 职场文书
法定代表人授权委托书范文
2014/08/02 职场文书
大学生党性分析材料
2014/12/19 职场文书
大队委员竞选稿
2015/11/20 职场文书
《群青的幻想曲》京力秋树角色PV公开
2022/04/08 日漫
苹果发布了MagSafe固件更新,可以不外接电源实现最高7.5W充电
2022/04/21 数码科技
pycharm无法安装cv2模块问题
2022/05/20 Python