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里面打开就能使用简简单单的一个小功能

相关阅读:
动态代理下Mybatis使用方式、简单实现Mybatis的增删改查
33.友元
基于SpringBoot的教学资源库系统的设计与实现
知乎转发最高的 Java 面试成神笔记，GitHub 已下载量已过百万
机器学习和数据科学的最佳公共数据集机器学习、数据科学、情感分析、计算机视觉、自然语言处理 (NLP)、临床数据等的最佳公共数据集。
【PTHREAD】线程创建
腾讯云和阿里云4核8G云服务器多少钱一年和1个月费用对比
【Markdown小技巧】整理小图标和表情符号
所有API接口分类，淘宝/天猫API、1688API、拼多多API、京东API、各大电商API接口及测试平台
Android - 进程

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

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

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