JavaScript时间显示异常：setInterval未更新实时时间问题求助

核心问题 #

你只在初始化时获取了一次时间并格式化，定时器触发时只是重复打印这个固定的初始值，没有每次重新获取当前实时时间并格式化。

其他潜在问题 #

• parts、pD、pM等变量未用let/const声明，会变成全局变量，容易引发代码冲突；
• 遍历数组找星期名的逻辑完全冗余，直接通过数组索引就能获取；
• remainingSec的计算依赖未声明的全局变量，且setInterval的固定间隔无法保证时间同步。

修正后的代码 #

// 格式化日期函数
function formatDate(dateObject) {
  const parts = {
    ms: dateObject.getMilliseconds(),
    seconds: dateObject.getSeconds(),
    minutes: dateObject.getMinutes(),
    hours: dateObject.getUTCHours() + 2,
    day: dateObject.getDay(),
    date: dateObject.getDate(),
    month: dateObject.getMonth() + 1,
    year: dateObject.getFullYear(),
  };

  // 统一补零处理
  const pD = parts.date < 10 ? "0" + parts.date : parts.date;
  const pM = parts.month < 10 ? "0" + parts.month : parts.month;
  const pHours = parts.hours < 10 ? "0" + parts.hours : parts.hours;
  const pMin = parts.minutes < 10 ? "0" + parts.minutes : parts.minutes;
  const pSec = parts.seconds < 10 ? "0" + parts.seconds : parts.seconds;

  // 直接通过索引获取星期名称
  const weekDays = [
    "Sunday",
    "Monday",
    "Tuesday",
    "Wednesday",
    "Thursday",
    "Friday",
    "Saturday",
  ];
  const currentDayName = weekDays[parts.day];

  return `${currentDayName}, ${pD}.${pM}.${parts.year} ${pHours}:${pMin}:${pSec}:${parts.ms}`;
}

// 打印当前时间的封装函数
function printCurrentTime() {
  const currentDate = new Date(); // 每次调用都获取最新时间
  const formattedDate = formatDate(currentDate);
  console.log(formattedDate);
}

// 首次执行打印
printCurrentTime();
// 每秒更新一次（若需每分钟更新，将1000改为60000）
setInterval(printCurrentTime, 1000);

修正说明 #

1. 所有局部变量均用const声明，避免全局作用域污染；
2. 移除冗余的星期名遍历逻辑，直接通过getDay()返回的索引值获取对应星期名称；
3. 封装printCurrentTime函数，每次调用都会创建新的Date实例，确保获取实时时间；
4. 定时器直接调用该函数，每次触发都重新计算并打印最新格式化时间；
5. 新增秒数补零逻辑，让时间格式更统一规范。

内容的提问来源于stack exchange，提问作者madara030