html+javascript 编写的自动根据当前时间问好早上中午下午晚上还有下班倒计时等等

在这里插入图片描述
直接上代码

<!DOCTYPE html>
<html>
  <head>
    <title>Greetings</title>
  </head>
  <body>
    <table style="
    width: 100%;
    height: 100px;
">
        <tr>
            <td id="greeting"></td>
        </tr>
        <tr>
            <td id="greetings"></td>
        </tr>
        <tr>
            <td style="margin-top: -100px;">--------------今日工作计划--------------</td>
        </tr>

        
        <tr>
            <td style="margin-top: -100px;">1.xxxxxx问题  </td>
        </tr>

    </table>
    <script>
      setInterval(myMethod, 1000);
function myMethod() {
  var name = "X先生"
  // 这里是你要每秒执行一次的代码
      // 获取当前的小时数
      var currentHour = new Date().getHours();
      let now = new Date();
        let current = now.getFullYear() + '-'
                        + (now.getMonth() + 1)  + '-'
                        + now.getDate()         + ' '
                        + now.getHours()        + ':'
                        + now.getMinutes()      + ':'
                        + now.getSeconds();
      // 根据当前的小时数来决定问候语
      var greeting;
      if (currentHour < 12 && currentHour >=5) {
        greeting = "Hi "+name+" 早上好, 当前时间为"+current;
      } else if (currentHour < 15 &&  currentHour >=12) {
        greeting = "Hi "+name+" 中午好,   当前时间为"+current;
      } else if (currentHour < 18 &&  currentHour >=3) {
        greeting = "Hi "+name+" 下午好,   当前时间为"+current;
      } else {
        greeting = "Hi "+name+" 晚上好,   当前时间为"+current;
      }
      // 将问候语赋值给 HTML 元素
      document.getElementById("greeting").textContent = greeting;
       // 获取当前时间
  var nows = new Date();

// 设置下班时间（小时和分钟）
var endHour = 18;
var endMinute = 30;

// 将当前时间和下班时间都转换为分钟
var nowMinutes = nows.getHours() * 60 + nows.getMinutes();
var endMinutes = endHour * 60 + endMinute;

// 计算时间差（以分钟为单位）
var timeDifference = endMinutes - nowMinutes;

// 如果时间差小于0，则显示 "已经下班"
if (timeDifference < 0) {
  console.log("已经下班");
      document.getElementById("greetings").textContent = "已经下班";
}
// 显示倒计时时间
document.getElementById("greetings").textContent = "距离下班还有 " + Math.floor(timeDifference / 60) + " 小时 " + (timeDifference % 60) + " 分钟";

}
    </script>
  </body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79

以上代码直接粘贴到html里面打开就能使用简简单单的一个小功能

相关阅读:
开发微信小程序的作用
hvv蓝初看完可去面试可用面经
结合黏菌觅食行为的改进多元宇宙算法
怒刷LeetCode的第15天（Java版）
华为三层交换机：ACL的基本实验
Idea无法引入@Test 或@Test引入报错【BUG解决】
【试题030】C语言之关系表达式例题
unity脚本_Vector3 c#
【知识点】JavaScript中require的一些理解
网络通信协议-HTTP、WebSocket、MQTT的比较与应用

原文地址：https://blog.csdn.net/sinat_39327967/article/details/133269247

html+javascript 编写的自动根据当前时间问好 早上 中午下午 晚上 还有下班倒计时等等

html+javascript 编写的自动根据当前时间问好早上中午下午晚上还有下班倒计时等等