倒數計時器在頁面刷新時得到重置

以下是我的javascript代碼。每當頁面重新加載時，它將重置爲27天23小時59分59秒。倒數計時器在頁面刷新時得到重置

我會做什麼改變，每次頁面重新加載後都不會刷新？

<script type="text/javascript"> 
    function getTimeRemaining(endtime) { 
     var t = Date.parse(endtime) - Date.parse(new Date()); 
     var seconds = Math.floor((t/1000) % 60); 
     var minutes = Math.floor((t/1000/60) % 60); 
     var hours = Math.floor((t/(1000 * 60 * 60)) % 24); 
     var days = Math.floor(t/(1000 * 60 * 60 * 24)); 
     return { 
      'total': t, 
      'days': days, 
      'hours': hours, 
      'minutes': minutes, 
      'seconds': seconds 
     }; 
    } 

    function initializeClock(id, endtime) { 
     var clock = document.getElementById(id); 
     var daysSpan = clock.querySelector('.days'); 
     var hoursSpan = clock.querySelector('.hours'); 
     var minutesSpan = clock.querySelector('.minutes'); 
     var secondsSpan = clock.querySelector('.seconds'); 

     function updateClock() { 
      var t = getTimeRemaining(endtime); 

      daysSpan.innerHTML = t.days; 
      hoursSpan.innerHTML = ('0' + t.hours).slice(-2); 
      minutesSpan.innerHTML = ('0' + t.minutes).slice(-2); 
      secondsSpan.innerHTML = ('0' + t.seconds).slice(-2); 

      if (t.total <= 0) { 
       clearInterval(timeinterval); 
      } 
     } 

     updateClock(); 
     var timeinterval = setInterval(updateClock, 1000); 
    } 

    var deadline = new Date(Date.parse(new Date()) + 28 * 24 * 60 * 60 * 1000); 
    initializeClock('clockdiv', deadline); 
</script>

來源

2017-07-27 Anshul

您可以將某些持久存儲機制（例如cookie或localStorage）的當前倒計時值保存 – GolfWolf

您的'截止日期'始終取決於代碼執行時的當前日期（'new日期（）'）。您應該將其轉換爲特定的日期。 |另外，請在下次嘗試搜索時詢問，我通過搜索您的問題的標題發現了類似的問題。 – yuriy636

var deadline = new Date(Date.parse(new Date()) + 28 * 24 * 60 * 60 * 1000);

你正在創建從這個精確時刻的日期，然後加28天。你應該改爲定義你的目標日期。

var deadline = new Date(year, month, day, hours, minutes, seconds, milliseconds); 
//To find the remaining time until new Year you'd do 
var deadline = new Date(2018, 0, 1);

該月份是從0到11,11是12月。閱讀關於日期對象的更多信息https://www.w3schools.com/js/js_dates.asp

來源

2017-07-27 11:10:11 Salketer

非常感謝！它爲我工作！ – Anshul

倒數計時器在頁面刷新時得到重置

回答

相關問題