请编写代码，实现根据系统时间显示问候语的功能，通过改变div的内容显示不同的问候语

当然，我们可以使用JavaScript来动态地根据当前的时间（日期）显示不同的问候语。这里有一个简单的例子，我们将创建一个函数，该函数会在一天中的不同时间段显示不同的问候语。

// 获取当前时间
function getCurrentTime() {
  const now = new Date();
  return now.getHours();
}

// 定义不同的时间段及其对应的问候语
const greetings = [
  { start: 6, end: 11, message: "早安，新的一天开始了！" },
  { start: 12, end: 18, message: "中午好，继续加油哦！" },
  { start: 19, end: 23, message: "晚上好，祝你有个美好的夜晚！" },
  { start: 0, end: 5, message: "晚安，希望明天更好！" }, // 包含凌晨
];

// 动态更改div内容
function changeGreeting() {
  const timeOfDay = getCurrentTime();
  const closestRange = greetings.find((g) => g.start <= timeOfDay && (g.end === undefined || g.end >= timeOfDay));

  if (closestRange) {
    document.getElementById("greetingDiv").innerText = closestRange.message;
  } else {
    document.getElementById("greetingDiv").innerText = "欢迎来到这里！"; // 如果时间不在任何范围内，显示默认问候
  }
}

// 设置定时器每分钟更新一次问候语
setInterval(changeGreeting, 60000); // 每一分钟执行一次

// 首次调用以初始化
changeGreeting();

在这个代码中，我们首先获取当前小时，然后遍历`greetings`数组找到最接近的时间段。`getElementById("greetingDiv")`假设你有一个id为`greetingDiv`的`<div>`元素来显示问候语。