javascript - 加载时不隐藏的秒数

Question

我正在努力在我的页面上创建一个计数器，到目前为止，我已经让它正常工作了......我已经使用了这一位 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();

Answer 1

嘿改变clockFace，你可以删除那个css

clockFace: 'DailyCounter',
showSeconds: false