私のページをリロードすると、私のカウントダウンタイマーがリフレッシュされなくなる

Question

私のページをリフレッシュするたびに、タイマーがリセットされます。ヘルプは感謝

var target_date = new Date().getTime() + (1000*3600*48); // set the countdown date 
 
var days, hours, minutes, seconds; // variables for time units 
 

 
var countdown = document.getElementById("tiles"); // get tag element 
 

 
getCountdown(); 
 

 
setInterval(function() { getCountdown(); }, 1000); 
 

 
function getCountdown(){ 
 

 
\t // find the amount of "seconds" between now and target 
 
\t var current_date = new Date().getTime(); 
 
\t var seconds_left = (target_date - current_date)/1000; 
 

 
\t days = pad(parseInt(seconds_left/86400)); 
 
\t seconds_left = seconds_left % 86400; 
 
\t \t 
 
\t hours = pad(parseInt(seconds_left/3600)); 
 
\t seconds_left = seconds_left % 3600; 
 
\t \t 
 
\t minutes = pad(parseInt(seconds_left/60)); 
 
\t seconds = pad(parseInt(seconds_left % 60)); 
 

 
\t // format countdown string + set tag value 
 
\t countdown.innerHTML = "<span>" + days + "</span><span>" + hours + "</span><span>" + minutes + "</span><span>" + seconds + "</span>"; 
 
} 
 

 
function pad(n) { 
 
\t return (n < 10 ? '0' : '') + n; 
 
}

<div id="tiles"></div>

：私はそれはそれはタイマーが処理される0

私のJSに到達するまで、それはで中断したところから再開したいと思います。

Answer 1

localStorageはあなたのために働くでしょうか？

var persisted = Number(localStorage.getItem('target_date')), 
    target_date; 

if(persisted > 0){ 
    target_date = persisted; 
} else { 
    target_date = Date.now() + (1000 * 3600 * 48); 
    localStorage.setItem('target_date', target_date); 
} 

» Fiddle