0

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="January 01 2018 00:00:00 GMT+0300"; //for Ukraine
var deadline = new Date(Date.parse(new Date()) + 15 * 24 * 60 * 60 * 1000); // for endless timer
initializeClock('countdown', deadline);
<h1 class="countdown-title">Countdown Clock</h1>
<div id="countdown" class="countdown">
  <div class="countdown-number">
    <span class="days countdown-time"></span>
    <span class="countdown-text">Days</span>
  </div>
  <div class="countdown-number">
    <span class="hours countdown-time"></span>
    <span class="countdown-text">Hours</span>
  </div>
  <div class="countdown-number">
    <span class="minutes countdown-time"></span>
    <span class="countdown-text">Minutes</span>
  </div>
  <div class="countdown-number">
    <span class="seconds countdown-time"></span>
    <span class="countdown-text">Seconds</span>
  </div>
</div>

4
  • 2
    Это не ответ на вопрос?
    – SwaD
    5 дек 2022 в 13:39
  • нет мне нужно под мой 5 дек 2022 в 13:43
  • Тогда у вас есть уникальный шанс - прочесть тот код, и переделать его "под ваш". Это не тот сайт где вам дадут готовое решение любой проблемы, тут принято подсказывать как а не делать всё за автора вопроса :) 5 дек 2022 в 13:45
  • Это тот сайт где могут дать готовое решение, благодарю таких людей от души + если обьясняют как это сделать. 5 дек 2022 в 15:01

1 ответ 1

2

Для того чтобы сохранить таймер при перезагрузке страницы, необходимо хранить дату и время, до которого отсчитывается таймер, в локальном хранилище браузера. Это можно сделать, используя методы localStorage.setItem() и localStorage.getItem().

Например, в функции initializeClock() можно добавить следующий код:

// Получаем дату и время до которого отсчитывается таймер из локального хранилища
var savedDeadline = localStorage.getItem('deadline');
if (savedDeadline) {
  deadline = new Date(savedDeadline);
}

// Сохраняем дату и время до которого отсчитывается таймер в локальном хранилище
localStorage.setItem('deadline', deadline);

На точно такой же вопрос я уже отвечал здесь

2
  • 2
    Дубликаты не сильно помогают сайту пополнять базу знаний, и практически бесполезны для тех кому нужны знания а не готовый код, сейчас вы написали автору решение стилизованное под его код и теперь на сайте два абсолютно одинаковых решения одной проблемы, которые только выглядят как разные и могут ввести в заблуждение новичков. 5 дек 2022 в 13:53
  • я добавил в конце скрипта и не рабоатет 5 дек 2022 в 14:57

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.