Javascript - .getHours() 不工作

Question

我只是在闲逛，而且我对 JavaScript 还比较陌生。我写了这段代码:

<script>
    var today = new Date();
    var str ='';
    str = today.getHours();

    if (str >=5 && str <=10) 
    {
        alert("Wow you're up early!, good morning");
    }
    if (str >= 11 && str <= 1)
    {
        alert("Good Morning");
    }
    if (str >=2 && str <= 21)
    {
        alert("Good evening");
    }
    if(str >= 22 && str <= 4)
    {
        alert("Good night");
    }

基本上，警报框不会出现。不过，如果我将 getHours 函数更改为 getUTCHours，它就会出现。不幸的是我不能使用它，因为它晚了一小时。那么有人知道为什么我的警报框没有出现吗？

Answer 1

您无需对范围过于具体。另外，不要使用像 str 这样的 var 名称，尤其是当 var 中包含的数据是整数时......这非常令人困惑

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

if (hour < 5)
  alert('Goodnight');
else if (hour < 10)
  alert("Wow you're up early! Good morning.");
else if (hour < 14)
  alert("Good morning");
else if (hour < 21)
  alert("Good evening");
else
  alert("Goodnight")

你会说“但这很糟糕”，对吧？因为我们必须指定“Goodnight”场景两次。

这可以通过偏移轻松修复

var now = new Date();
var hour = now.getHours();
hour = hour - 5; // offset

if (hour < 5)
  alert("Wow you're up early! Good morning.")
else if (hour < 9)
  alert("Good morning");
else if (hour < 15)
  alert("Good evening");
else
  alert("Goodnight")