Остановить сброс обратного отсчета jquery при обновлении страницы?

#jquery

Вопрос:

Я нашел этот потрясающий плагин, но, к сожалению, автор больше не предоставляет поддержку. Я знаю, что не очень помогаю, я не js Pro, но есть ли какой-нибудь способ остановить сброс обратного отсчета при каждом обновлении страницы? Любая помощь приветствуется, спасибо.

Редактировать: Под остановкой я подразумеваю запуск один раз до истечения срока действия или до тех пор, пока я не нажму кнопку остановки или обновления, одинаковую оставшуюся продолжительность для всех, точно так же, как при использовании формата DateAndTime: «2022/01/01 00:00:00»

демонстрация jsfiddle

 <div id="clock"></div>

$(function(){
   $("#clock").countdowntimer({
      size : "lg",
      hours : 24,
      minutes : 10,
      displayFormat : "DHMS",
      labelsFormat : true
   });
});

1. под остановкой вы подразумеваете запустить ее once и после обновления страницы не запускать ее снова для этого пользователя ?

2. Или вы имеете в виду: каждый раз, когда вы обновляете страницу, она сбрасывает обратный отсчет, а вы не хотите, чтобы обратный отсчет сбрасывался?

3. Да, я имею в виду запуск один раз и остановку, только если я нажму кнопку обновления / остановки или до истечения срока действия.

Ответ №1:

Чтобы сохранить значения обратного отсчета при обновлении страницы, вам нужно использовать dateAndTime свойство, чтобы обратный отсчет вычислялся по статической дате, вместо добавления 24 часов и 10 минут к текущей дате. Попробуйте это:

 jQuery($ => {
  $("#clock").countdowntimer({
    size: "lg",
    dateAndTime : "2020/09/03 12:00:00",
    displayFormat: "DHMS",
    labelsFormat: true
  });
});

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.rawgit.com/harshen/jQuery-countdownTimer/master/dist/js/jQuery.countdownTimer.min.js"></script>
<link rel="stylesheet" href="https://cdn.rawgit.com/harshen/jQuery-countdownTimer/master/dist/css/jQuery.countdownTimer.css" />
<div id="clock"></div>

1. Да, я пробовал это, но вместо этого мне нужен формат, который я опубликовал, потому что это намного проще, чем вычислять продолжительность каждый раз.

2. Итак, вы хотите, чтобы, когда пользователь 1 открывает страницу в 10 утра в понедельник, срок ее действия истекал в 10: 10 по вторникам, но если пользователь 2 открывает страницу в 10: 30 утра в понедельник, срок ее действия истекал для них в 10: 40 по вторникам?

3. Нет, продолжительность должна рассчитываться с момента, когда я ее создам. Если я создам обратный отсчет сейчас в 10:58, в течение 1 часа, все пользователи должны видеть одинаковую оставшуюся продолжительность.

4. Вам нужно будет сделать это на стороне сервера, чтобы оно было распознано всеми клиентами.