Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie formatiere ich Datumsangaben in verstrichene Zeichenfolgen in JavaScript?

Patricia Arquette
Freigeben: 2024-11-07 21:33:03
Original
1015 Leute haben es durchsucht

How to Format Dates into Time-Elapsed Strings in JavaScript?

Zeit seit der Formatierung

Im Bereich der digitalen Kommunikation stößt man häufig auf Zeitstempel, die die seit einem bestimmten Ereignis vergangene Zeit anzeigen. Plattformen wie Stack Overflow veranschaulichen diese Praxis und bieten Benutzern praktische zeitbasierte Informationen. Diese Funktion kann in JavaScript repliziert werden, sodass Sie Datumsangaben in Zeichenfolgen formatieren können, die die verstrichene Zeit prägnant wiedergeben.

Die folgende Lösung nutzt die Leistungsfähigkeit des Date-Objekts von JavaScript, um diese Aufgabe zu erfüllen:

function timeSince(date) {
  const seconds = Math.floor((new Date() - date) / 1000);
  let interval;

  if (seconds / 31536000 > 1) {
    interval = Math.floor(seconds / 31536000);
    return `${interval} years`;
  } else if (seconds / 2592000 > 1) {
    interval = Math.floor(seconds / 2592000);
    return `${interval} months`;
  } else if (seconds / 86400 > 1) {
    interval = Math.floor(seconds / 86400);
    return `${interval} days`;
  } else if (seconds / 3600 > 1) {
    interval = Math.floor(seconds / 3600);
    return `${interval} hours`;
  } else if (seconds / 60 > 1) {
    interval = Math.floor(seconds / 60);
    return `${interval} minutes`;
  } else {
    return `${Math.floor(seconds)} seconds`;
  }
}

console.log(timeSince(new Date(Date.now() - (24 * 60 * 60 * 1000))));
console.log(timeSince(new Date(Date.now() - (2 * 24 * 60 * 60 * 1000))));
Nach dem Login kopieren

Durch die Nutzung dieser Funktion können Sie jetzt ganz einfach JavaScript-Zeitstempel in benutzerfreundliche Zeitablaufzeichenfolgen umwandeln und so das Format widerspiegeln, das von Plattformen wie Stack Exchange übernommen wird.

Das obige ist der detaillierte Inhalt vonWie formatiere ich Datumsangaben in verstrichene Zeichenfolgen in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage