Método para implementar el efecto de información de recordatorio de tiempo detallado en JavaScript

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.