Секунды не прячутся под нагрузкой - PullRequest
0 голосов
/ 26 ноября 2018

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

Кто-нибудь знает, как я могу очистить эту краткую часть показа?

Я приложил видео для вашей справки. Ссылка на видео

Фрагмент CSS также находится ниже, вместе с JS-частью для флипблока.

CSS

.flip-clock-divider.seconds, 
.flip-clock-label,
.flip-clock-divider.seconds ~
.flip.play {
    display: none;
}

.header .clock{
  width: 100%;
}

JS

clock = $(".clock").FlipClock({
    clockFace: "HourlyCounter",
    countdown: true,
    showSeconds: false,
    callbacks: {
      stop: function() {
        $(".message").html("The clock has stopped!");
      }
    }
  });
  clock.setTime(Math.floor(110945));
  clock.start();

1 Ответ

0 голосов
/ 26 ноября 2018

Эй, измените ClockFace, и вы можете удалить этот CSS

clockFace: 'DailyCounter',
showSeconds: false
...