ページリフレッシュ時にカウントダウンタイマーがリセットされます

Question

以下は私のJavaScriptコードです。ページがリロードされるたびに、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> 

Answer 1

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