如何通过 Javascript 中的 if 语句显示消息

Question

我有一个index.html ，在这个文件中，我编写了代码来显示一条消息，这里是“你好”。 我的目标是实现显示三种类型消息的代码：“早安”、“晚安”和“晚安”。

按照我的代码：

<p id="show_time" class="time"></p>
<script>
window.onload = show_time('show_time');

    function show_time(id) {
      h = date.getHours();

      if h == 22 {
        document.getElementById(id).innerHTML = "hello";
      }
      setTimeout('show_time("' + id + '");','1000');
      return true;
   }
}

在这段代码中，我只写了一个案例。 类 time 是一个包含 font-size 和 font-family 的css属性。 h获取当前时间，如果h为 22 ，则将输出“hello”。 但这不起作用。

如果您能提供显示三种类型消息的代码，那将非常有帮助。

谢谢

Answer 1

 window.onload = function() { var h = new Date().getHours(), msg = 'morning'; if (h > 12) { msg = 'afternoon'; } if (h > 20) { msg = 'night'; } document.getElementById('show_time').innerHTML = msg; }

 <p id="show_time" class="time"></p>

Answer 2

像这样？？

 /* next line if false, see the comments on this answer!!! */ window.onload = show_time('show_time'); function show_time(id) { var date = new Date(), h = date.getHours(); if( h > 0 && h < 6 ) { var msg = "Good night"; } else if( h >= 6 && h < 12 ) { var msg = "Good morning"; } else if( h >= 12 && h < 18 ) { var msg = "Good day"; } else if( h >= 18 && h < 24 ) { var msg = "Good evening"; } document.getElementById(id).innerHTML = msg; setTimeout('show_time("' + id + '");', '1000'); }

 <p id="show_time" class="time"></p>