Skip to main content
1 de 3
Alvaro Montoro
  • 49.8k
  • 28
  • 109
  • 190

Como te ponía en un comentario, no uses PHP para eso, usa JavaScript para poder actualizar los valores desde el lado del cliente sin necesidad de recargar la página o hacer llamadas al servidor.

La idea sería poner la fecha del post en un data-atributo (con un formato fácil de leer con Javascript como por ejemplo YYYY-MM-DD HH:mm:SS" y cada cierto tiempo actualizar el valor. Así es como lo hacía antes Facebook (y parece que aún lo sigue haciendo) y también parece que Stack Overflow usa un sistema parecido.

Podrías adaptar la función que ya tienes en PHP y transformarla a JavaScript, depués llamarla cada 30 segundos (por ejemplo) para que se actualice el valor del tiempo. Algo como esto:

// función que genera la cadena de tiempo dependiendo de la fecha-hora pasada
function time_ago(fecha) {
  var months = ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"];
  var dnow = new Date();
  var dpost = new Date(fecha);

  // dividimos por mil porque son milisegundos
  seconds = (dnow - dpost) / 1000;

  if (seconds <= 10) {
    return "ahora mismo";
  } else if (seconds < 60) {
    return "hace " + Math.ceil(seconds) + " segundos";
  } else if (seconds < 300) {
    return "hace " + (Math.ceil(seconds / 60)) + " minutos";
  } else if (seconds < 1000) {
    return "hace 15 minutos";
  } else if (seconds < 2000) {
    return "hace 30 minutos";
  } else if (seconds < 86400) {
    return "hace " + (Math.ceil(seconds / 3600)) + " horas";
  } else if (seconds < 605000) {
    return "hace " + (Math.ceil(seconds / 86400)) + " días";
  } else if (seconds < 2400000) {
    return "hace " + (Math.ceil(seconds / 604800)) + " semanas";
  } else {
    return "el " + dpost.getDate() + " de " + months[dpost.getMonth()] + " de " + (1900 + dpost.getYear());
  }
}

// función que cambia el texto de las fechas
function actualizar_fechas() {
  var posts = document.querySelectorAll("[data-timepost]");

  for (var x = 0; x < posts.length; x++) {
    posts[x].textContent = "Posteado " + time_ago(posts[x].dataset.timepost);
  }
}

// llamamos la función acutalizar_fechas al cargar la página y cada 30 segundos
actualizar_fechas();
setTimeout(actualizar_fechas, 30000);
<div data-timepost="2018-07-05 12:55:00Z"></div>
<div data-timepost="2018-07-05 12:51:00Z"></div>
<div data-timepost="2018-07-05 12:37:00Z"></div>
<div data-timepost="2018-07-05 12:25:00Z"></div>
<div data-timepost="2018-07-04 07:37:00Z"></div>
<div data-timepost="2018-06-15 12:37:00Z"></div>

Alvaro Montoro
  • 49.8k
  • 28
  • 109
  • 190