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

最新推荐文章于 2024-10-22 15:34:50 发布

爱睡觉的小Meng

最新推荐文章于 2024-10-22 15:34:50 发布

阅读量1.9w

点赞数 42

分类专栏： js

本文链接：https://blog.csdn.net/qq_45696288/article/details/110704651

版权

js 专栏收录该内容

24 篇文章 7 订阅

订阅专栏

要求如下：
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>