Méthode Javascript pour obtenir des informations détaillées sur le rappel de temps effect

Méthode Javascript pour obtenir des informations détaillées sur le rappel de temps effect_javascript skills

WBOY

Libérer： 2016-05-16 16:10:18

original

1392 Les gens l'ont consulté

L'exemple de cet article décrit la méthode d'utilisation de javascript pour obtenir l'effet d'informations détaillées de rappel de temps. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :

Nous voyons souvent des rappels de temps très conviviaux sur les réseaux sociaux, comme ce que vos amis ont mis à jour il y a quelques minutes et quelles informations vos amis ont mises à jour il y a quelques jours.
Ces petites astuces sont beaucoup plus conviviales que l'affichage direct d'une certaine année et d'un certain mois. Nous pouvons utiliser différents programmes pour obtenir cet effet. Ci-dessous, j'obtiens cet effet via le javascript frontal
. Cela peut réduire la pression sur le serveur backend.

Le code d'implémentation Javascript est le suivant :

Copier le code Le code est le suivant :

// Cette fonction implémente une invite temporelle plus conviviale 

// @param date_str L'heure écoulée, le format de l'heure est tel que : 2010-12-14 18:36:09

fonction date_parser_diff_return(date_str){

var date=nouvelle Date();

If(typeof(date_str)!='string')date de retour;

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) "il y a quelques minutes";

If(!date_str_w && date_seconddiff <3600)date_str_w= "il y a 1 heure";

If(!date_str_w && date_seconddiff <3600*2)date_str_w= "il y a 2 heures";

If(!date_str_w && date_seconddiff <3600*3)date_str_w= "il y a 3 heures";

If(!date_str_w && date.getFullYear()==date_arr[0] && date.getMonth()==date_arr[1]-1 && date.getDate()==date_arr[2])

date_str_w= "Aujourd'hui" 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= "Hier " 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= "Avant-hier" 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) "mois" date_arr[2] "numéro" date_arr[3] ':' date_arr[4];

Si(!date_str_w && date.getFullYear()==date_arr[0]) 

                 date_str_w= "Cette année" date_arr[1] "Mois" date_arr[2] "Numéro" date_arr[3] ':' date_arr[4];

Si(!date_str_w && date.getFullYear()-1==date_arr[0]) 

               date_str_w= "L'année dernière" date_arr[1] "Mois" date_arr[2] "Non." date_arr[3] ':' date_arr[4];

           document.write(date_str_w);

};

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.