快捷導(dǎo)航

javascript實(shí)現(xiàn)詳細(xì)時(shí)間提醒信息效果的方法

更新時(shí)間：2015年03月11日 11:37:17 作者：瘋狂的流浪

這篇文章主要介紹了javascript實(shí)現(xiàn)詳細(xì)時(shí)間提醒信息效果的方法,涉及javascript操作時(shí)間的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了javascript實(shí)現(xiàn)詳細(xì)時(shí)間提醒信息效果的方法。分享給大家供大家參考。具體如下：

我們經(jīng)常在社交網(wǎng)絡(luò)上面看到很人性化的時(shí)間提示比如,你的朋友幾分鐘前更新了什么,你的朋友幾天前更新了什么信息.
這些小tips比直接顯示某年某月人性化很多.我們可以用不同的程序?qū)崿F(xiàn)這種效果.下面我是通過前臺(tái)javascript來實(shí)現(xiàn)這種效果.
這樣可以減少后臺(tái)服務(wù)器的壓力.

javascript實(shí)現(xiàn)代碼如下：

復(fù)制代碼代碼如下:

// 本函數(shù)實(shí)現(xiàn)了更人性化的時(shí)間提示 

// @param date_str 傳遞過來的時(shí)間，時(shí)間格式如: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小時(shí)前 ";

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

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

        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]+"號(hào) "+date_arr[3]+':'+date_arr[4];

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

               date_str_w= "今年 " + date_arr[1]+"月"+  date_arr[2]+"號(hào) "+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]+"號(hào) "+date_arr[3]+':'+date_arr[4];

        document.write(date_str_w);

};