JS根据时段输出不同问候语

使用JavaScript获取当前时间并根据时间范围输出不同的问候语。以下是一个示例代码，用于实现你的需求：

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

// 根据当前时间输出不同的问候语
var greeting;
if (hour >= 0 && hour < 3) { greeting = "夜深啦！"; } else if (hour >= 3 && hour < 6) { greeting = "凌晨啦！"; } else if (hour >= 6 && hour < 11) { greeting = "上午好！"; } else if (hour >= 11 && hour < 13) { greeting = "中午好！"; } else if (hour >= 13 && hour < 18) { greeting = "下午好！"; } else if (hour >= 18 && hour < 20) { greeting = "晚上好！"; } else if (hour >= 20 && hour < 24) {
greeting = "夜深啦！";
} else {
greeting = "时间未知"; // 防止时间不在范围内（理论上不会发生）
}

// 输出问候语
console.log(greeting);

这个代码通过获取当前时间的小时数，然后根据不同的时间段设置相应的问候语，并输出到控制台。

你可以将这段代码添加到你的网页中，以便在加载时显示相应的问候语：

<!DOCTYPE html>
<html>
<head>
    <title>问候语示例</title>
    <script type="text/javascript">
        // JavaScript代码放在这里
        window.onload = function() {
            var now = new Date();
            var hour = now.getHours();

            var greeting;
            if (hour >= 0 && hour < 3) {
                greeting = "夜深啦！";
            } else if (hour >= 3 && hour < 6) {
                greeting = "凌晨啦！";
            } else if (hour >= 6 && hour < 11) {
                greeting = "上午好！";
            } else if (hour >= 11 && hour < 13) {
                greeting = "中午好！";
            } else if (hour >= 13 && hour < 18) {
                greeting = "下午好！";
            } else if (hour >= 18 && hour < 20) {
                greeting = "晚上好！";
            } else if (hour >= 20 && hour < 24) {
                greeting = "夜深啦！";
            } else {
                greeting = "时间未知"; // 防止时间不在范围内（理论上不会发生）
            }

            document.getElementById("greeting").innerText = greeting;
        }
    </script>
</head>
<body>
    <h1 id="greeting"></h1>
</body>
</html>

在这个HTML示例中，JavaScript代码将在页面加载时运行，并将问候语显示在页面中的 <h1> 标签内。

JavaScript

利用js改变HTML图像

上一篇

JavaScript

JS获取昨天的年月日

下一篇