html 输入下班时间 显示倒计时

你可以使用 JavaScript 来实现倒计时功能，以下是一个简单的示例：

先在 HTML 中添加一个输入框和一个按钮，让用户输入下班时间：

<input type="time" id="end-time">
<button onclick="startCountdown()">开始倒计时</button>

然后在 JavaScript 中编写倒计时的逻辑，计算当前时间与输入的下班时间的时间差，然后每秒更新一次页面上显示的倒计时：

function startCountdown() {
  var endTime = new Date();
  var inputTime = document.getElementById("end-time").value;
  var hours = inputTime.substr(0, 2);
  var minutes = inputTime.substr(3, 2);
  endTime.setHours(hours);
  endTime.setMinutes(minutes);
  endTime.setSeconds(0);

  setInterval(function() {
    var now = new Date();
    var diff = Math.floor((endTime - now) / 1000);
    var hours = Math.floor(diff / 3600);
    var minutes = Math.floor((diff % 3600) / 60);
    var seconds = diff % 60;
    document.getElementById("countdown").innerHTML = hours + "小时 " + minutes + "分钟 " + seconds + "秒";
  }, 1000);
}

最后，在页面上添加一个元素用来显示倒计时：

<div id="countdown"></div>

这样，当用户输入下班时间并点击开始倒计时按钮时，页面上就会显示倒计时，并且每秒钟更新一次。