根据当前时间显示问候语

<!DOCTYPE html>
<html>
<head>
  <title>当前日期和时间</title>
</head>
<body>
  <h2 id="date"></h2>
  <h2 id="time"></h2>
  <h2 id="greeting"></h2>

  <script>
    window.onload = function() {
      var today = new Date();
      var hour = today.getHours();
      var minutes = today.getMinutes().toString().padStart(2, '0');
      
      var year = today.getFullYear();
      var month = (today.getMonth() + 1).toString().padStart(2, '0');
      var day = today.getDate().toString().padStart(2, '0');
      var formattedDate = year + '年' + month + '月' + day + '日';
      
      var dateElement = document.getElementById('date');
      var timeElement = document.getElementById('time');
      var greetingElement = document.getElementById('greeting');
      
      var greeting;
      dateElement.textContent = '今天日期:' + formattedDate;
      
      if (hour < 12) {
        greeting = '早上好!欢迎来到贵美';
      } else if (hour < 18) {
        greeting = '下午好!欢迎来到贵美';
      } else {
        greeting = '晚上好!欢迎来到贵美';
      }
      
      timeElement.textContent = '现在时间:' + hour + '点' + minutes + '分';
      greetingElement.textContent = greeting;
    }
  </script>
</body>
</html>

  • 9
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值