请编写代码，实现根据系统时间显示问候语的功能，通过改变div中内容，显示不同问候语。要求如下。 （1）页面每秒自动更新显示当前系统时间，格式如：2023-04-15 08:30:00；（提示，这里需要使用setInterval函数） （2）判断当前小时，根据不同小时显示不同的问候语，具体如下： 6时之前，显示问候语“凌晨好”。 9时之前，显示问候语“早上好”。 12时之前，显示问候语“上午好”。 14时之前，显示问候语“中午好”。 17时之前，显示问候语“下午好”。 19时之前，显示问候语“傍晚好”。 22时之前，显示问候语“晚上好”。 22时之后包括22时，显示问候语“夜里好”。

以下是实现以上要求的JavaScript代码：

// 获取显示系统时间的div元素
const timeDisplay = document.getElementById('time-display');

// 定义显示不同时间段问候语的函数
function getGreeting(hour) {
  if (hour < 6) {
    return '凌晨好';
  } else if (hour < 9) {
    return '早上好';
  } else if (hour < 12) {
    return '上午好';
  } else if (hour < 14) {
    return '中午好';
  } else if (hour < 17) {
    return '下午好';
  } else if (hour < 19) {
    return '傍晚好';
  } else if (hour < 22) {
    return '晚上好';
  } else {
    return '夜里好';
  }
}

// 定义更新系统时间的函数
function updateTime() {
  // 获取当前时间对象
  const now = new Date();
  // 获取当前小时数
  const hour = now.getHours();
  // 获取当前分钟数
  const minute = now.getMinutes();
  // 获取当前秒数
  const second = now.getSeconds();
  // 根据当前时间生成问候语
  const greeting = getGreeting(hour);
  // 更新显示系统时间的div元素内容
  timeDisplay.innerHTML = `${now.getFullYear()}-${now.getMonth()+1}-${now.getDate()} ${hour}:${minute}:${second} ${greeting}`;
}

// 每秒钟更新一次系统时间
setInterval(updateTime, 1000);

请注意，在第一行代码中，需要将id为`time-display`的div元素的变量名修改为你自己页面中的变量名。另外，以上代码中的注释也为你提供了一些代码实现的详细解释。