zoukankan      html  css  js  c++  java
  • javascript来实现详细时间提醒信息效果

    我们经常在社交网络上面看到很人性化的时间提示比如,你的朋友几分钟前更新了什么,你的朋友几天前更新了什么信息.

    这些小tips比直接显示某年某月人性化很多.我们可以用不同的程序实现这种效果.中国音效网下面我是通过前台javascript来实现这种效果.

    这样可以减少后台服务器的压力.

    javascript实现代码如下......
    ​1. [代码][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);http://www.huiyi8.com/yinxiao/
    };

  • 相关阅读:
    Data truncation: Out of range value for column 'quanity' at row 问题解决方案
    nginx 提示the "ssl" directive is deprecated, use the "listen ... ssl" directive instead
    集合源码分析[3]-ArrayList 源码分析
    集合源码分析[2]-AbstractList 源码分析
    IDEA升级版本后界面出现变小,字体变细的问题解决
    集合源码分析[1]-Collection 源码分析
    kubernetes学习第一篇-k8s安装以及HelloWorld
    shiro多Realm第一次调用不生效问题
    设计模式学习(二)-简单工厂模式
    根据具体的地址解析出对应的地区码
  • 原文地址:https://www.cnblogs.com/xkzy/p/3867987.html
Copyright © 2011-2022 走看看