この記事の例では、JavaScript を使用して詳細な時間リマインダー情報の効果を実現する方法について説明します。皆さんの参考に共有してください。詳細は以下の通りです。
ソーシャル ネットワークでは、友達が数分前に更新した内容や、友達が数日前に更新した情報など、非常にユーザーフレンドリーな時間リマインダーがよく表示されます。
これらの小さなヒントは、特定の年と月を直接表示するよりもはるかに使いやすいです。以下では、フロントエンド JavaScript を通じてこの効果を実現するために別のプログラムを使用します。
これにより、バックエンド サーバーの負荷を軽減できます。
JavaScript 実装コードは次のとおりです:
// この関数は、より使いやすい時間プロンプトを実装します
// @param date_str 経過した時間。時間形式は次のとおりです: 2010-12-14 18:36:09
関数 date_parser_diff_return(date_str){
var date=new Date();
If(typeof(date_str)!='string')日付を返します;
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
If(!date_str_w && date_seconddiff
If(!date_str_w && date_seconddiff
If(!date_str_w && date_seconddiff
If(!date_str_w && date.getFull Year()==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.getFull Year()==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.getFull Year()==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.getFull Year()==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.getFull Year()==date_arr[0])
date_str_w= "今年" date_arr[1] "月" date_arr[2] "数字" date_arr[3] ':' date_arr[4];
If(!date_str_w && date.getFull Year()-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 プログラミング設計に役立つことを願っています。