要实现根据时间段显示问候语的方法，需要通过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技术站
微信扫一扫 
支付宝扫一扫 