编写js代码，实现根据系统时间显示问候语的功能，通过改变div中的内容，显示不同问候语

程序员文章站 2022-06-22 14:02:41

要求如下：6点之前——凌晨好9点之前——早上好12点之前——上午好14点之前——中午好17点之前——下午好19点之前——傍晚好22点之前——晚上好22点之后包括22点——夜里好

要求如下：
6点之前——凌晨好
9点之前——早上好
12点之前——上午好
14点之前——中午好
17点之前——下午好
19点之前——傍晚好
22点之前——晚上好
22点之后包括22点——夜里好

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

</head>
<body>
    <div></div>
    <script>
      // 根据系统不同时间来判断，所以需要用到日期内置对象
      // 利用多分支语句来设置不同的图片
      // 1.获取元素
      var div = document.querySelector('div');
      // 2. 得到当前的小时数
      var h = new Date().getHours();
      // 3. 判断小时数改变文字信息
      if(h < 6){
        document.write('凌晨好')
      }else if (h < 9){
        document.write("早上好!")
      }else if (h < 12){
        document.write("上午好!")
      }else if (h < 14){
        document.write("中午好!")
      }else if (h < 17){
        document.write("下午好!")
      }else if (h < 19){
        document.write("傍晚好!")
      }else if (h < 22){
        document.write("晚上好!")
      }else {
        document.write("夜里好!")
  }
    </script>
  </body>
  
</html>

本文地址：https://blog.csdn.net/qq_45696288/article/details/110704651