Heim > Web-Frontend > js-Tutorial > Javascript-Methode zum Erzielen detaillierter Zeiterinnerungsinformationen effect_javascript-Kenntnisse

Javascript-Methode zum Erzielen detaillierter Zeiterinnerungsinformationen effect_javascript-Kenntnisse

WBOY
Freigeben: 2016-05-16 16:10:18
Original
1401 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt die Methode zur Verwendung von Javascript, um den Effekt detaillierter Zeiterinnerungsinformationen zu erzielen. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

In sozialen Netzwerken sehen wir oft sehr benutzerfreundliche Zeiterinnerungen, z. B. was Ihre Freunde vor ein paar Minuten aktualisiert haben und welche Informationen Ihre Freunde vor ein paar Tagen aktualisiert haben.
Diese kleinen Tipps sind viel benutzerfreundlicher als die direkte Anzeige eines bestimmten Jahres und Monats. Wir können diesen Effekt mithilfe von Frontend-Javascript erzielen Dies kann den Druck auf den Backend-Server verringern.

Der Javascript-Implementierungscode lautet wie folgt:


Code kopieren Der Code lautet wie folgt:
// Diese Funktion implementiert eine benutzerfreundlichere Zeitaufforderung
// @param date_str Die verstrichene Zeit, das Zeitformat ist wie folgt: 2010-12-14 18:36:09
Funktion 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) "vor Minuten";
If(!date_str_w && date_seconddiff <3600)date_str_w= "vor 1 Stunde";
If(!date_str_w && date_seconddiff <3600*2)date_str_w= "vor 2 Stunden";
If(!date_str_w && date_seconddiff <3600*3)date_str_w= "vor 3 Stunden";
If(!date_str_w && date.getFullYear()==date_arr[0] && date.getMonth()==date_arr[1]-1 && date.getDate()==date_arr[2])
date_str_w= "Heute" 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= "Gestern" 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= „Vorgestern“ 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) „Monat“ date_arr[2] „Zahl“ date_arr[3] ':' date_arr[4];
If(!date_str_w && date.getFullYear()==date_arr[0])
                 date_str_w= „Dieses Jahr“ date_arr[1] „Monat“ date_arr[2] „Zahl“ date_arr[3] ':' date_arr[4];
If(!date_str_w && date.getFullYear()-1==date_arr[0])
               date_str_w= „Letztes Jahr“ date_arr[1] „Monat“ date_arr[3] „Nr.“ date_arr[4];
           document.write(date_str_w);
};
Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage