Rumah > hujung hadapan web > tutorial js > Kaedah javascript untuk mencapai maklumat peringatan masa terperinci effect_javascript kemahiran

Kaedah javascript untuk mencapai maklumat peringatan masa terperinci effect_javascript kemahiran

WBOY
Lepaskan: 2016-05-16 16:10:18
asal
1391 orang telah melayarinya

Contoh dalam artikel ini menerangkan kaedah menggunakan javascript untuk mencapai kesan maklumat peringatan masa terperinci. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

Kami sering melihat peringatan masa yang sangat mesra pengguna di rangkaian sosial, seperti perkara yang dikemas kini oleh rakan anda beberapa minit yang lalu dan maklumat yang dikemas kini oleh rakan anda beberapa hari yang lalu.
Petua kecil ini lebih mesra pengguna daripada memaparkan secara langsung tahun dan bulan tertentu. Kami boleh menggunakan program yang berbeza untuk mencapai kesan ini melalui javascript bahagian hadapan Ini boleh mengurangkan tekanan pada pelayan bahagian belakang.

Kod pelaksanaan JavaScript adalah seperti berikut:


Salin kod Kod adalah seperti berikut:
// Fungsi ini melaksanakan gesaan masa yang lebih mesra pengguna
// @param date_str Masa berlalu, format masa adalah seperti: 2010-12-14 18:36:09
fungsi date_parser_diff_return(date_str){
var date=new Date();
If(typeof(date_str)!='string')return date;
var date_arr=date_str.split(RegExp baharu("[:| |-]","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) "minit lalu";
If(!date_str_w && date_seconddiff <3600)date_str_w= "1 jam yang lalu";
If(!date_str_w && date_seconddiff <3600*2)date_str_w= "2 jam yang lalu";
If(!date_str_w && date_seconddiff <3600*3)date_str_w= "3 jam yang lalu";
If(!date_str_w && date.getFullYear()==date_arr[0] && date.getMonth()==date_arr[1]-1 && date.getDate()==date_arr[2])
date_str_w= "Hari ini" 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= "Semalam " 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= "Sehari sebelum semalam " 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) "bulan" date_arr[2] "nombor" date_arr[3] ':' date_arr[4];
If(!date_str_w && date.getFullYear()==date_arr[0])
                 date_str_w= "Tahun ini" date_arr[1] "Bulan" date_arr[2] "Nombor" date_arr[3] ':' date_arr[4];
If(!date_str_w && date.getFullYear()-1==date_arr[0])
               date_str_w= "Tahun lepas" date_arr[1] "Bulan" date_arr[2] "Tidak."            document.write(date_str_w);
};

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan