javascript - 创建 24 小时倒计时并在到达一天中的特定时间后重置的最佳方法是什么?

标签 javascript timer countdown

我想要一个“在 x 小时内进行次日送达的订单”。我猜最好的方法是JS?但我不擅长分解和编辑迄今为止发现的任何内容

我的问题是,我找到的所有内容都设置为特定日期,例如 2018 年 6 月 5 日 12:00。

基本上我希望将其设置为 17:00,如果是 15:30,我不希望计时器说“1 小时 30 分钟内下单,次日送达”,然后从 23 小时 59 分钟开始一次时间到达17:01。

最佳答案

创建到达时间戳和基于到达绝对距离的时间戳,并使用后者进行倒计时:

//Order timestamps
var arrived = new Date();
arrived.setHours(15);
arrived.setMinutes(0);
arrived.setSeconds(0);
arrived.setTime(arrived.getTime() + 86400000);
//Drawing example
var arriveNode = document.body.appendChild(document.createElement("p"));
arriveNode.innerHTML = "Arrives in: ";
var arriveNodeTime = arriveNode.appendChild(document.createElement("b"));
setInterval(function() {
  var d = new Date(Math.abs(Date.now() - arrived.getTime()));
  arriveNodeTime.innerHTML = d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds();
}, 100);

关于javascript - 创建 24 小时倒计时并在到达一天中的特定时间后重置的最佳方法是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44409438/

相关文章:

javascript - 通过 Promise 发送下载进度

timer - 如何在 tkinter 中给定时间后运行函数?

c - 使用 MinGW C 的 Windows QueryPerformanceCounter

android - 在 Android 中同时启动两个(或更多)功能

php - 跨多个页面的倒计时变量

Android:即使调用了 cancel(),也会调用 CountDownTimer 的 finish()

javascript - 在视口(viewport)中运行 JS 函数。

javascript - 将带有空格的文本从 python 后端传递到 html View

javascript - 如何使用 Knockout 取消选择控件上的更改事件?

javascript倒计时回显错误的时间