如何在Javascript中从一天结束时开始倒计时？

如何使用JavaScript显示从一天结束到16小时的倒数计时（以小时和分钟为单位）

假设我有一家woocommerce商店，当客户在第二天下午4点之前订购时，我为他们提供了一个选项。我在同一天发货。我想在我的页面上显示一个倒计时，如下所示

“在接下来的X小时Y分钟内通过AA BB CC订购”

这里AA=日期，BB=月份，CCC=年份

例如：

考虑到现在的时间是2021年2月1日晚上9:30。我希望倒计时显示如下 “在接下来的18小时30分钟内订购，以便在2021年2月4日前购买” [如果客户现在要订购]

---

我会在三天内送到。因此，如果他们在2021年2月1日订购该产品，他们将在2021年2月4日收到该产品。

首先，您需要做的是首先找出两次订购之间的差异 假设在8小时前下单，3天内就能拿到

因此，检查是否未下订单，然后显示时间计数器 请参阅此以进行倒计时

如果下了订单，请在柜台上显示3天

试试这个

var date = new Date();
var hour = date.getHours();
var minute = date.getMinutes();
var day = date.getDay();
var month = date.getMonth();
var year = date.getFullYear();

var leftHour = 23 - hour;
var leftMinute = 59 - minute;

alert( "Order in next " + leftHour + " hours " + leftMinute + " minutes to get it by " + 
  (day + 3) + "th " + (month + 1) + " " + year);

HTML

JS（从中学习）

---

这个能让我得到我想要的结果。但我希望它显示为倒计时。你有什么想法吗？非常感谢。你救了我一天，让我学习了更多的JavaScript。

<div class="box">
    <div class="box-in">
        <h4 id="timer-text"></h4>
    </div>
</div>

.box {
    display: flex;
    justify-content: center;
}

.box-in {
    display: flex;
    justify-content: center;
    margin: 50px;
    height: 100px;
    width: 600px;
    border: 1px solid green;
}

#timer-text {
    color: green;
}

var date = new Date();
var second = date.getSeconds();
var minute = date.getMinutes();
var hour = date.getHours();
var day = date.getDay();
var month = date.getMonth();
var year = date.getFullYear();

var leftHour = 23 - hour;
var leftMinute = 59 - minute;
var leftSeconds = 59 - second;


var leftTime = (leftHour * 3600) + (leftMinute * 60) + leftSeconds;
var timer = document.getElementById('timer-text');

setInterval(updateTimer, 1000);

function updateTimer() {
    var h = Math.floor(leftTime / 3600);
    var m = Math.floor((leftTime - (h * 3600)) / 60);
    var s = Math.floor(leftTime % 60);

    timer.innerHTML =  "Order in next " + h + " : " + m + " : " + (s+1) +
       " hours to get it by " + (day + 3) + "th " +
        (month + 1) + " " + year;

    leftTime--;
}