秒不隐藏负载

Question

我正在努力在页面上创建一个计数器，到目前为止，我已经使其正常工作了……我使用了这段CSS来隐藏秒部分，但是当页面加载时，它是在再次隐藏之前短暂显示。

有人知道我该如何清除简短的展示部分吗？

我已附上视频供您参考。 Video Link

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