Este artículo describe el método de JavaScript para implementar efectos de información de recordatorio de tiempo detallados. Compártelo para su referencia. Los detalles son los siguientes:
A menudo vemos indicaciones de tiempo muy humanizadas en las redes sociales, como lo que sus amigos actualizaron hace unos minutos y qué información actualizaron sus amigos hace unos días.
Estos pequeños consejos son mucho más humanos que mostrar directamente un cierto año y un mes. Podemos usar diferentes programas para lograr este efecto. A continuación, uso el JavaScript en primer plano para lograr este efecto.
Esto puede reducir la presión en el servidor de backend.
El código de implementación de JavaScript es el siguiente:
Copie el código de la siguiente manera:/ Esta función implementa un mensaje de tiempo más humanizado
// @param date_STR El tiempo pasado, el formato de tiempo es el siguiente: 2010-12-14 18:36:09
función date_parser_diff_return (date_str) {
var fecha = nueva fecha ();
if (typeof (date_str)! = 'string') Fecha de retorno;
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 = (nueva fecha (). getTime ()-date_obj.gettime ()) /1000;
date_str_w = '';
if (date_seconddiff <60*30) date_str_w = math.ceil (date_seconddiff/60)+"hace minuto";
if (! date_str_w && date_seconddiff <3600) date_str_w = "hace 1 hora";
if (! date_str_w && date_seconddiff <3600*2) date_str_w = "hace 2 horas";
if (! date_str_w && date_seconddiff <3600*3) date_str_w = "hace 3 horas";
if (! date_str_w && date.getblyear () == date_arr [0] && date.getMonth () == date_arr [1] -1 && date.getDate () == date_arr [2])
date_str_w = "Today"+date_arr [3]+':'+date_arr [4];
if (! date_str_w && date.getblyear () == date_arr [0] && date.getMonth () == date_arr [1] -1 && date.getDate ()-1 == date_arr [2])
date_str_w = "ayer"+date_arr [3]+':'+date_arr [4];
if (! date_str_w && date.getblyear () == date_arr [0] && date.getMonth () == date_arr [1] -1 && date.getDate ()-2 == date_arr [2])
date_str_w = "El día antes de ayer"+date_arr [3]+':'+date_arr [4];
if (! date_str_w && date.getblyar () == date_arr [0] && date.getMonth () == date_arr [1] -1)
date_str_w = (date.getMonth ()+1)+"mes"+date_arr [2]+"signo"+date_arr [3]+':'+date_arr [4];
if (! date_str_w && date.getblyear () == date_arr [0])
date_str_w = "este año"+date_arr [1]+"mes"+date_arr [2]+"signo"+date_arr [3]+':'+date_arr [4];
if (! date_str_w && date.getblyear ()-1 == date_arr [0])
date_str_w = "último año"+date_arr [1]+"mes"+date_arr [2]+"signo"+date_arr [3]+':'+date_arr [4];
document.write (date_str_w);
};
Espero que este artículo sea útil para la programación de JavaScript de todos.