js根据系统时间显示问候语通过改变div内容显示不同问候语

以下是一个简单的示例，它根据当前时间显示不同的问候语：

<div id="greeting"></div>

<script>
  var now = new Date();
  var hour = now.getHours();

  if (hour < 6) {
    document.getElementById("greeting").innerHTML = "凌晨好！";
  } else if (hour < 9) {
    document.getElementById("greeting").innerHTML = "早上好！";
  } else if (hour < 12) {
    document.getElementById("greeting").innerHTML = "上午好！";
  } else if (hour < 14) {
    document.getElementById("greeting").innerHTML = "中午好！";
  } else if (hour < 18) {
    document.getElementById("greeting").innerHTML = "下午好！";
  } else if (hour < 22) {
    document.getElementById("greeting").innerHTML = "晚上好！";
  } else {
    document.getElementById("greeting").innerHTML = "夜深了，注意休息！";
  }
</script>

首先，我们使用`new Date()`获取当前时间。然后，我们使用`getHours()`方法从时间中提取小时数。接下来，我们使用条件语句根据小时数设置不同的问候语，并将其显示在一个`<div>`元素中。最后，我们将此代码嵌入到一个简单的HTML页面中。