將日期倒數計時器從日期更改爲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分鐘

回答

相關問題