Обратный отсчет Javascript, который сохраняется на странице обновления

Question

Я пытаюсь сделать обратный отсчет, который не перезапускается после обновления этой страницы. Я использую обратный отсчет времени кетов. Я хочу пересчитать до 5 минут.

var countdownTarget = localStorage.getItem('countdownTarget'); 
    if (countdownTarget === null) 
    { 
     var countdownTarget = new Date(); 
     countdownTarget = new Date(countdownTarget.getFullYear(), countdownTarget.getMonth(), countdownTarget.getDate(), countdownTarget.getHours(), countdownTarget.getMinutes() + 5, countdownTarget.getSeconds()); 
     localStorage.setItem('countdownTarget', countdownTarget); 
    } 

    $('#defaultCountdown').countdown({ until : countdownTarget, format: 'MS', compact: true}); 

Я спасаю текущую дату + 5 минут браузера локального хранения как countdownTarget (только если это не было сделано ранее). И если пользователь обновляет страницу, время должно быть постоянным. Но есть проблема. Когда я загружаю страницу в первый раз, время отсчитывается от 5 минут (это должно быть нормально), но когда я пытаюсь обновить его снова, он начинает отсчет с 36 минут, и я не знаю, почему, и я не знаю откуда эти 36 минут.

Answer 1

Вместо повторного объявления даты, почему бы не увеличить количество минут? Ваш код работал для меня. Кроме того, вы должны только инициировать countdownTarget один раз.

var countdownTarget = localStorage.getItem('countdownTarget'); 
if (countdownTarget === null) { 
    countdownTarget = new Date(); 
    countdownTarget.setMinutes(countdownTarget.getMinutes() + 5); 
    localStorage.setItem('countdownTarget', countdownTarget); 
} else { 
    countdownTarget = new Date(countdownTarget); 
} 
$('#defaultCountdown').countdown({ until : countdownTarget, format: 'MS', compact: true});