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> 标签内。

Excel

Excel高级筛选大于70小于80的数

上一篇

JavaScript

JS获取昨天的年月日

下一篇