javascript实现根据时间段显示问候语的方法

2023年5月27日下午1:34 • JavaScript

要实现根据时间段显示问候语的方法，需要通过JavaScript代码获取当前时间，然后根据时间的不同，显示不同的问候语。下面是详细的攻略：

步骤一：获取当前时间

可以通过JavaScript的Date对象获取当前时间，具体代码如下：

let now = new Date();
let hour = now.getHours();

上面的代码通过new Date()创建了一个新的Date对象，然后使用getHours()方法获取当前的小时数。

步骤二：根据时间段显示问候语

根据获取到的小时数，可以使用条件语句（if语句）来判断当前时间所处的时间段，然后显示相应的问候语。以下是示例代码：

let greeting = '';

if (hour < 6) {
  greeting = '凌晨好';
} else if (hour < 9) {
  greeting = '早上好';
} else if (hour < 12) {
  greeting = '上午好';
} else if (hour < 14) {
  greeting = '中午好';
} else if (hour < 18) {
  greeting = '下午好';
} else if (hour < 20) {
  greeting = '晚上好';
} else {
  greeting = '夜里好';
}

console.log(greeting);

上面的代码中，首先定义了一个空字符串greeting，然后使用一系列条件语句判断当前时间所处的时间段，最终将相应的问候语赋值给greeting，并打印出来。

示例一：在网页中显示问候语

可以在网页加载时调用上述代码，然后将问候语显示在页面上。以下是示例代码：

<!DOCTYPE html>
<html>
<head>
  <title>显示问候语</title>
  <script>
    let now = new Date();
    let hour = now.getHours();

    let greeting = '';

    if (hour < 6) {
      greeting = '凌晨好';
    } else if (hour < 9) {
      greeting = '早上好';
    } else if (hour < 12) {
      greeting = '上午好';
    } else if (hour < 14) {
      greeting = '中午好';
    } else if (hour < 18) {
      greeting = '下午好';
    } else if (hour < 20) {
      greeting = '晚上好';
    } else {
      greeting = '夜里好';
    }

    function showGreeting() {
      document.getElementById('greeting').textContent = greeting;
    }
  </script>
</head>
<body onload="showGreeting()">
  <h1 id="greeting"></h1>
</body>
</html>

在这个示例中，首先在页面头部使用<script>标签定义了JavaScript代码，其中包含了获取当前时间和根据时间段显示问候语的代码。在页面中载入时，会自动调用showGreeting()函数，该函数将问候语显示在页面上，使用了document.getElementById()方法获取页面中的<h1>标签，并使用textContent属性将问候语赋值给该标签。

示例二：在控制台中显示问候语

如果不想在网页中显示问候语，可以在控制台中打印出来。以下是示例代码：

let now = new Date();
let hour = now.getHours();

let greeting = '';

if (hour < 6) {
  greeting = '凌晨好';
} else if (hour < 9) {
  greeting = '早上好';
} else if (hour < 12) {
  greeting = '上午好';
} else if (hour < 14) {
  greeting = '中午好';
} else if (hour < 18) {
  greeting = '下午好';
} else if (hour < 20) {
  greeting = '晚上好';
} else {
  greeting = '夜里好';
}

console.log(greeting);

在这个示例中，只需要在控制台中运行上述代码，就会在控制台中输出相应的问候语。如果需要将它集成到网页的JavaScript代码中，也可以使用console.log()方法将问候语打印到控制台中。

本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：javascript实现根据时间段显示问候语的方法 - Python技术站