Javascript:根据时间获取问候语

标签 javascript

我正在尝试根据时间显示问候消息。

为此,我创建了日期对象并获取小时并显示每条消息,但由于某些错误,我没有根据时间收到问候消息。谁能帮帮我?

代码:

<!DOCTYPE html>
<html>
<head>
    <title>trail6</title>
</head>
<body>

    <p id="demo"></p>

    <script>

    var today = new Date()
    var curHr = today.getHours()

    if (curHr >= 0 && curHr < 6) {
        document.getElementById("demo").innerHTML = 'What are you doing that early?';
    } else if (curHr >= 6 && curHr <= 12) {
        document.getElementById("demo").innerHTML = 'Good Morning';
    } else if (curHr >= 12 && curHr < 17) {
        document.getElementById("demo").innerHTML = 'Good Afternoon';
    } else {
        document.getElementById("demo").innerHTML = 'Good Evening';
    }

</script>

</body>
</html> 

最佳答案

因此,您需要将一天分成4 组,每组 6 小时,从 0 开始...

让我们算一算...

hour/24 * 4的结果转换为消息数组index

var greet = [
  'What are you doing that early?',
  'Good Morning',
  'Good Afternoon',
  'Good Evening'
][ parseInt(new Date().getHours() / 24 * 4) ];


document.getElementById("demo").innerHTML = greet;
<div id=demo></div>

关于Javascript:根据时间获取问候语,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46759153/

相关文章:

javascript - AngularJS 按时间差排序

javascript - 闭包中变量的性能与函数参数

javascript - 具有相同字体、大小和颜色的两个 div.textContent 在 Chrome 中呈现不同

javascript - PNotify Confirm Module on Mobile with Modal 模式

javascript - 是否可以使用 node.js 作为 greasemonkey 的更快、更优雅、支持数据库的替代品?

javascript - 导航栏(下拉菜单)无法正常工作?

javascript - 将 $_POST 变量传递到新 URL,然后返回到之前的 URL - 最佳实践?

javascript - 使用 Javascript,你可以在一秒钟内计数 += 1 多少次?

javascript - 如何在cordova相机中保存具有自定义名称的照片

javascript - ng-change 对 Controller 的输入进行更改,因为语法不起作用