JavaScript日期格式化与倒计时功能实现详解

function formatDate() {
    var date = new Date();

    // 获取年、月、日
    var year = date.getFullYear(); // 年
    var month = date.getMonth() + 1; // 月
    var day = date.getDate(); // 日

    // 获取星期
    var week = date.getDay(); // 星期几
    var weekArr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];

    // 获取时、分、秒并格式化
    var hour = date.getHours(); // 时
    hour = hour < 10 ? '0' + hour : hour; // 补零

    var minute = date.getMinutes(); // 分
    minute = minute < 10 ? '0' + minute : minute; // 补零

    var second = date.getSeconds(); // 秒
    second = second < 10 ? '0' + second : second; // 补零

    // 组合结果
    var result = '今天是：' + year + '年' + month + '月' + day + '日 ' +
               hour + ':' + minute + ':' + second + ' ' + weekArr[week];

    return result;
}

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>当前日期</title>
    <style>
      div {
        width: 800px;
        margin: 200px auto;
        color: red;
        text-align: center;
        font: 600 30px/30px 'simsun';
      }
    </style>
  </head>
  <body>
    <div></div>

    <script>
      function getCurrentDate() {
        const date = new Date();
        const year = date.getFullYear();
        const month = date.getMonth();
        const day = date.getDate();
        const week = date.getDay();
        const weekArr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];

        return '今天是：' + year + '年' + (month + 1) + '月' + day + '日 ' + weekArr[week];
      }

      const div = document.querySelector('div');
      div.textContent = getCurrentDate();
    </script>
  </body>
</html>

<script>
  var timer = setInterval(() => {
    countDown('2024/12/31 23:59:59');
  }, 50);// 50毫秒更新一次，实现更流畅的毫秒显示

  function countDown(targetTime) {
    var nowTime = new Date();
    var future = new Date(targetTime);
    var timeDiff = future.getTime() - nowTime.getTime();// 获取时间差（毫秒）

    // 计算天、时、分、秒、毫秒
    var days = Math.floor(timeDiff / (1000 * 60 * 60 * 24));
    var hours = Math.floor((timeDiff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
    var minutes = Math.floor((timeDiff % (1000 * 60 * 60)) / (1000 * 60));
    var seconds = Math.floor((timeDiff % (1000 * 60)) / 1000);
    var milliseconds = Math.floor(timeDiff % 1000);

    // 时间单位补零
    days = days < 10 ? '0' + days : days;
    hours = hours < 10 ? '0' + hours : hours;
    minutes = minutes < 10 ? '0' + minutes : minutes;
    seconds = seconds < 10 ? '0' + seconds : seconds;
    if (milliseconds < 10) {
      milliseconds = '00' + milliseconds;
    } else if (milliseconds < 100) {
      milliseconds = '0' + milliseconds;
    }

    // 倒计时结束处理
    if (timeDiff < 0) {
      clearInterval(timer);
      return '倒计时结束！';
    }

    return days + '天' + hours + '小时' + minutes + '分' + seconds + '秒' + milliseconds + '毫秒';
  }
</script>