主页 / 问题 / 1425854
Accepted
Denis
Asked:2022-09-02 00:20:49 +0000 UTC2022-09-02 00:20:49 +0000 UTC

从指定日期到当前日期的时间计数器

  • 772
<h3>Мы с Вами:</h3>
//нужно вывести данные в таком вот виде
<p>12 лет ___ 3 месяца ___ 5 дней ___ 21 час ___ 15 минут ___ 25 секунд</p>

到处只有倒计时。到目前为止，我还没有在 JavaScript 中找到一个。怎么写成这样？

javascript html

2 个回答

  1. Best Answer

    我会这样做：

    const creationDateObj = {
  year: 2010,
  month: 2,
  day: 29,
  hours: 0,
  minutes: 0,
  seconds: 0
};

const creationDate = new Date(
  creationDateObj.year,
  creationDateObj.month,
  creationDateObj.day,
  creationDateObj.hours,
  creationDateObj.minutes,
  creationDateObj.seconds
);

const timeLeft = document.querySelector('#timeLeft');

setInterval(() => {

  const now = new Date();
  const diffInMS = now - creationDate;
  const diffAsDate = new Date(diffInMS);

  const [
    years,
    months,
    days,
    hours,
    minutes,
    seconds
  ] = diffAsDate
      .toISOString()
      .split('T')
      .map(timePart => 
        timePart
          .split(/-|:|\./)
          .map(str => +str)
      )
      .flat();

  timeLeft.textContent = `${years - 1970} лет ___ ${months - 1} месяца ___ ${days - 1} дней ___ ${hours} час ___ ${minutes} минут ___ ${seconds} секунд`;

}, 1000);
    body {
  background-color: #777
}
    <h3>Мы с Вами:</h3>
<p id="timeLeft"></p>

    • 2

  2. 你需要 moment.js 库

    • -1

相关问题