Мой флипчас работает слишком быстро и перескакивает через четные числа. Как я могу это исправить?

Мой flipclock.js работает слишком быстро и перепрыгивает через четные числа.

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

var clock = $('#clock3').FlipClock(new Date("April 10, 2019 18:37:00"), {
  clockFace: 'DailyCounter',
  countdown: true,
  callbacks: {
    stop: function () {
      $("#myButton3Show").hide();
      $("#myButton3Hide").show();
    }
  }
});

<div class = "endgame2">
  <img src = "Pictures/endgame.png">
     <div id = "clock3"></div>
         <a href = "https://www.myvue.com/film/avengers-endgame" target = "_blank" id = "myButton3Show">About Movie</a>
         <a href = "https://www.myvue.com/film/avengers-endgame" target = "_blank" id = "myButton3Hide" style  = "display: none">Buy Ticket on Vue</a>
</div>

Что я пытаюсь сделать, так это изменить кнопку «О фильме» на «Забронировать билет на Vue», когда обратный отсчет достиг 0 и фильм вышел в кинотеатре.

Это работает, за исключением того, что часы идут слишком быстро и перескакивают через четные числа.

javascript jquery flipclock

10.04.2019 19:46

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

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

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

128

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Похоже, это известная ошибка, который должен быть исправлен в самых последних версиях.

Вы можете попробовать следующий обходной путь, если переход на более новую версию невозможен:

var next_show = new Date('2019-04-10T00:00:00');
var diff = next_show.getTime() - new Date().getTime();

var showtime = Math.floor(diff/1000);
var clock = $('#clock3').FlipClock({
    clockFace: 'DailyCounter',
    countdown: true,
    callbacks: {
      stop: function () {
        $("#myButton3Show").hide();
        $("#myButton3Hide").show();
      }
    }
});

clock.setTime(showtime);
clock.start();

Привет! Спасибо за ответ! Я думаю, у меня последняя версия? Должна быть Бета 0.8.0. Я заменил свой min.js и css-файл на загрузку с их сайта, и он все равно не работает. Прежде чем я внесу какие-либо изменения в свой существующий код, является ли 0.8.0 последней версией?

— 10.04.2019 21:47

В той ветке, где ошибка впервые упоминается, окончательный ответ автора: «Это должно быть исправлено в последней версии версии 1 в ветке js-es6». Так что я предполагаю, что он, возможно, еще не попал в официальные релизы.

— 10.04.2019 22:40

10.04.2019 20:25