javascript實(shí)現(xiàn)詳細(xì)時(shí)間提醒信息效果的方法
本文實(shí)例講述了javascript實(shí)現(xiàn)詳細(xì)時(shí)間提醒信息效果的方法。分享給大家供大家參考。具體如下:
我們經(jīng)常在社交網(wǎng)絡(luò)上面看到很人性化的時(shí)間提示比如,你的朋友幾分鐘前更新了什么,你的朋友幾天前更新了什么信息.
這些小tips比直接顯示某年某月人性化很多.我們可以用不同的程序?qū)崿F(xiàn)這種效果.下面我是通過前臺javascript來實(shí)現(xiàn)這種效果.
這樣可以減少后臺服務(wù)器的壓力.
javascript實(shí)現(xiàn)代碼如下:
// @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]+"號 "+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程序設(shè)計(jì)有所幫助。
- JavaScript計(jì)算兩個(gè)日期時(shí)間段內(nèi)日期的方法
- javascript 定時(shí)廣告顯示(兩個(gè)時(shí)間段)
- javascript+php實(shí)現(xiàn)根據(jù)用戶時(shí)區(qū)顯示當(dāng)?shù)貢r(shí)間的方法
- javascript根據(jù)時(shí)間生成m位隨機(jī)數(shù)最大13位
- 根據(jù)地區(qū)不同顯示時(shí)間的javascript代碼
- javascript實(shí)現(xiàn)獲取服務(wù)器時(shí)間
- javascript實(shí)現(xiàn)實(shí)時(shí)輸出當(dāng)前的時(shí)間
- JavaScript時(shí)間轉(zhuǎn)換處理函數(shù)
- javascript實(shí)時(shí)顯示北京時(shí)間的方法
- javascript實(shí)現(xiàn)根據(jù)時(shí)間段顯示問候語的方法
相關(guān)文章
ionic中的$ionicPlatform.ready事件中的通用設(shè)置
$ionicPlatform.ready事件是用于檢測當(dāng)前的平臺是否就緒的事件,相當(dāng)于基于document的deviceready事件, 在app中一些通用關(guān)于設(shè)備的設(shè)置必須在這個(gè)事件中處理2017-06-06javascript實(shí)現(xiàn)隨機(jī)生成DIV背景色
這篇文章主要介紹了javascript實(shí)現(xiàn)隨機(jī)生成DIV背景色的具體代碼,如何設(shè)置DIV背景色為隨機(jī)色,感興趣的小伙伴們可以參考一下2016-06-06解讀new?Object()和Object.create()的區(qū)別
這篇文章主要介紹了解讀new?Object()和Object.create()的區(qū)別及說明,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-02-02javascript appendChild,innerHTML,join性能比較代碼
在實(shí)際應(yīng)用中,應(yīng)該避免直接用innerHTML,對于大量的字符連接運(yùn)算,應(yīng)該考慮先運(yùn)算再輸出。2009-08-08檢查輸入的是否是數(shù)字使用keyCode配合onkeypress事件
檢查輸入的是否是數(shù)字在本文使用keyCode配合onkeypress事件來實(shí)現(xiàn),具體示例如下2014-01-01