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 :
// 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.