Bagaimana untuk Memformat Tarikh menjadi Rentetan Masa Berlalu dalam JavaScript?

Patricia Arquette
Lepaskan: 2024-11-07 21:33:03
asal
1002 orang telah melayarinya

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

Masa Sejak Memformat

Dalam bidang komunikasi digital, adalah perkara biasa untuk menemui cap masa yang memaparkan masa berlalu sejak peristiwa tertentu. Platform seperti Stack Overflow mencontohi amalan ini, memberikan pengguna maklumat berasaskan masa yang mudah. Keupayaan ini boleh direplikasi dalam JavaScript, membolehkan anda memformat tarikh ke dalam rentetan yang menyampaikan dengan ringkas masa berlalu.

Penyelesaian berikut memanfaatkan kuasa objek Tarikh JavaScript untuk menyelesaikan tugas ini:

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))));
Salin selepas log masuk

Dengan memanfaatkan fungsi ini, anda kini boleh menukar cap masa JavaScript dengan mudah kepada rentetan masa berlalu yang mesra pengguna, mencerminkan format yang diterima pakai oleh platform seperti Stack Exchange.

Atas ialah kandungan terperinci Bagaimana untuk Memformat Tarikh menjadi Rentetan Masa Berlalu dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan