ホームページ > ウェブフロントエンド > jsチュートリアル > 詳細な時間リマインダー情報を実現する Javascript メソッドeffect_javascript スキル

詳細な時間リマインダー情報を実現する Javascript メソッドeffect_javascript スキル

WBOY
リリース: 2016-05-16 16:10:18
オリジナル
1391 人が閲覧しました

この記事の例では、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 プログラミング設計に役立つことを願っています。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート