Как запретить в плагинах счётчиков изменение времени через ОС?

Question

[Konstantin]

Кто-то использовал плагин easytimer.js ? Проблема в том,что когда запускается счётчик и ты меняешь дату, то счётчик тоже сбрасывается. К примеру отсчет идёт до 5 дней, ставишь +2 дня и уже считается до 3 дней.

Как запретить эту ерунду? Нужен независимый счётчик от системного времени. Помогите пожаулйста

Comments

[Lynn «Кофеман»]

https://nodejs.org/api/process.html#process_proces...

Но зачем вообще переводить часы?

[Konstantin]

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

[Lynn «Кофеман»]

Проверки на беке достаточно.
Ну увидят они кнопку, ну и что?

[Konstantin]

Алексей Тен, ну и типа это не эстетично по мнению заказчика. вот ипёмся. как по мне я бы вообще уведомление писал в ироничной манере "Не хорошо переводить время" либо просто "Время для акции не наступило".

но всё же ищем варианты обойти смену даты на компе

[Павел]

Konstantin, я так понимаю, проблема в том, что в таймере стоит отсчет до даты, а не отсчет в количестве секунд. В доках написано, что можно сделать отсчет по количеству секунд без привязки к конечной дате.

[Lynn «Кофеман»]

Ну так запрашивайте время с бека.

[Konstantin]

Павел, это в easytimer.js? если да ткните носом,уже нихрена не вижу =(

[Павел]

Konstantin, прям на главной странице. Секция Countdown Timer, там в таймер передается количество секунд до конца отсчета.

[Konstantin]

Павел, увы, такое и я юзаю и всё ровно оно чувствительно к смене времени в винде

[Павел]

Konstantin, так а количество секунд вы берете на фронте? Тогда конечно оно будет меняться от смены даты. А если вы пришлете с бека оставшееся время, то оно будет всегда валидным

[Konstantin]

Павел, ну как с фронта, да во фронте в дата атрибут передаётся значение из бэка вот так

<div class="good__timer timer js-timer" data-date="[0,0,0,0,5]"></div>

Для пояснения в атрибут date попадает такое значение из php функции, а формат такой поддерживается самим плагином. Так что всё работает

Но а в сам плагин я запускаю так

let finalDate = $timer.data('date');
timer.start({countdown: true, startValues: finalDate})

Где я допускаю ошибку?

[Павел]

Konstantin, странно. Сейчас занимаюсь ровно тем же самым. Только я по-другому формирую объект

<div class="timer">
        <p class="countdown-timer" data-d="7" data-h="16" data-i="43" data-s="51">
            <span>
                <i class="countdown-days">7</i>
                <span>days</span>
            </span>
            <span>
                <i class="countdown-hours">16</i>
                <span>hrs</span>
            </span>
            <span>
                <i class="countdown-mins">40</i>
                <span>min</span>
            </span>
            <span>
                <i class="countdown-secs">38</i>
                <span>sec</span>
            </span>
        </p>
    </div>

var timers = {};
    $('.countdown-timer').each(function (index, timer) {
        timers[index] = new easytimer.Timer();
        timers[index].start(
            {
                countdown: true,
                startValues: {
                    seconds: $(timer).data('s'),
                    minutes: $(timer).data('i'),
                    hours: $(timer).data('h'),
                    days: $(timer).data('d'),
                }
            });

        timers[index].addEventListener('secondsUpdated', function (e) {
            $(timer).find('.countdown-days').html(timers[index].getTimeValues().days);
            $(timer).find('.countdown-hours').html(timers[index].getTimeValues().hours);
            $(timer).find('.countdown-mins').html(timers[index].getTimeValues().minutes);
            $(timer).find('.countdown-secs').html(timers[index].getTimeValues().seconds);
        });

        timers[index].addEventListener('targetAchieved', function (e) {
            $(timer).html('EXPIRED');
        });
    });

Никаких изменений отсчета при смене даты на клиенте, ожидаемо, не происходит

[Konstantin]

Павел, чтож, попробую взять дострочно ваш код и переделать у себя. потому что и так тоже я пробовал - указывать в startValues объект со свойствами sec, min, hour, day.

надеюсь вы пробовали изменять в настройках винды время?

[Павел]

Konstantin, да, конечно пробовал.

[Павел]

Konstantin, все.. я понял, теперь вашу проблему. если поменять дату и НЕ перезагружать страницу, то таймер пересчитается. Видимо, тут ничего не поделаешь. либо написать свой таймер, который вообще не будет привязан к клиентскому времени. Очевидно, что easyTimer при каждом тике берет новую Date или как-то так

[Konstantin]

Павел, вот тут - да, я уже схожусь к тому что было проще бы написать своё что-то в данном случае. но кто ж знал... )

[Павел]

Konstantin, единственный вариант, который приходит в голову, это на ивент targetAchieved, перед тем как показывать клиенту кнопку, или что там у вас, послать запрос на сервер и проверить, сходится ли время на клиенте и сервере и, если юзер читер, то показать кукиш)