js实现实时问候，不同时间显示不同问候语

好的，以下是一个简单的 JavaScript 实现实时问候并根据不同时间显示不同问候语的代码：

let greeting = '';
const now = new Date();
const hour = now.getHours();

if (hour >= 6 && hour < 12) {
  greeting = '上午好';
} else if (hour >= 12 && hour < 18) {
  greeting = '下午好';
} else {
  greeting = '晚上好';
}

document.write(`现在是${hour}点，${greeting}！`);

代码中使用了 `Date` 对象获取当前时间，并根据小时数判断应该显示哪个问候语。如果当前时间在 6 点到 12 点之间，就显示“上午好”，如果在 12 点到 18 点之间，就显示“下午好”，否则就显示“晚上好”。

最后使用 `document.write` 方法将问候语显示在页面上。

相关问题

js实现系统时间显示问候语功能通过div显示不同时间的问候语

可以使用JavaScript中的Date对象来获取系统时间，并根据时间来显示不同的问候语。下面是一个简单的实现示例：

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

<script>
  // 获取当前时间
  var now = new Date();
  var hour = now.getHours();

  // 根据时间设置问候语
  var greeting;
  if (hour < 6) {
    greeting = "凌晨好";
  } else if (hour < 9) {
    greeting = "早上好";
  } else if (hour < 12) {
    greeting = "上午好";
  } else if (hour < 14) {
    greeting = "中午好";
  } else if (hour < 17) {
    greeting = "下午好";
  } else if (hour < 19) {
    greeting = "傍晚好";
  } else if (hour < 22) {
    greeting = "晚上好";
  } else {
    greeting = "夜里好";
  }

  // 在页面中显示问候语
  var greetingDiv = document.getElementById("greeting");
  greetingDiv.innerHTML = greeting;
</script>

在页面中，我们可以使用一个`<div>`元素来显示问候语。JavaScript代码根据当前时间来设置不同的问候语，并将其设置为`<div>`元素的内容，从而在页面中显示出来。

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页面中。