将倒数计时器从日期更改为 5 分钟答案

【问题标题】：Change countdown timer from date to 5 minutes将倒数计时器从日期更改为 5 分钟
【发布时间】：2017-09-22 16:32:07
【问题描述】：

我有一个带有倒数计时器的模板，该模板已经具有我喜欢的 CSS 和格式，但是该模板当前设置为使用未来日期的倒数计时器。我想做一个简单的转换为 5 分钟倒计时计时器，每次页面加载时从 5 分钟开始。

这是网站当前的代码/逻辑，非常感谢任何帮助！

//JUST EDIT Date(2015, 0, 1, 9, 30) 2015 YEAR, 0 MONTH, 1 DATE, 30 SECOND
$('#myCounter').mbComingsoon({expiryDate: new Date(2017, 12, 1, 9, 30), speed: 100});

【问题讨论】：

这和Java有什么关系？

标签： javascript timer

【解决方案1】：

计数器采用倒计时停止时间的 Date 对象。因此，为了获得您想要的结果，您可以创建一个距离当前时间 5 分钟的 Date 对象。

var countdownDate = new Date(); //create a Date object of current time
countdownDate.setMinutes(countdownDate.getMinutes() + 5); //Add 5 minutes to it
$('#myCounter').mbComingsoon({expiryDate: countdownDate, speed: 100}); //Initialize counter

【讨论】：

这很好用！！非常感谢您直接修改代码，以便我可以复制粘贴！ :-)

【解决方案2】：

您当前不需要Date 对象。已经是现在的时间了。你可以这样做5分钟；

var insertZero = n => n < 10 ? "0"+n : ""+n,
   displayTime = n => n ? time.textContent = insertZero(~~(n/3600)%3600) + ":" +
                                             insertZero(~~(n/60)%60) + ":" +
                                             insertZero(n%60)
                        : time.textContent = "IGNITION..!",
 countDownFrom = n => (displayTime(n), setTimeout(_ => n ? sid = countDownFrom(--n)
                                                         : displayTime(n), 1000)),
           sid;
countDownFrom(300);
setTimeout(_ => clearTimeout(sid),300000);

&lt;div id="time"&gt;&lt;/div&gt;

【讨论】：