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

我有一个带有倒计时器的模板，该模板已具有我喜欢的CSS和格式，但是当前模板是使用未来日期为倒数计时器设置的。我想做一个简单的转换为5分钟的倒数计时器，每次页面加载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});

来源

2017-09-21 Kyle McCall

这是什么都与Java呢？ – Oleg

计数器花费的时间日期对象倒计时停止时。所以为了得到你想要的结果，你可以创建一个距离当前时间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

来源

2017-09-21 21:55:37

这工作完美！非常感谢你直接修改代码，所以我可以copy.paste！ :-) –

您当前不需要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);

<div id="time"></div>

来源

2017-09-21 22:16:38 Redu

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

回答

相关问题