javascript - 在 Flipclock.js 上隐藏秒计数器

Question

我目前正在开发一个项目，该项目要求使用flipclock.js 创建一个HH:MM 计数器。

我正在使用HourlyCounter钟面。有谁知道我如何隐藏秒部分？

提前致谢！

更新

使用@Rahul 的 css 后，我得到了以下信息：

更新2

如果有帮助，我有一张检查过的元素的图像：

Answer 1

You can specify wether or not to show seconds via the options, when you initiate the clock. Like this:

<script type="text/javascript">
        var clock;

        $(document).ready(function() {
            clock = $('.clock').FlipClock({
                clockFace: 'TwentyFourHourClock',
                showSeconds: false
            });
        });
</script>

If you are unsure how to use it, there's an example file included in the package that you download on their website, "examples/twenty-four-hour-clock-without-seconds.html"

Answer 2

注意：由于您没有提供任何代码/演示，因此我参考了http://flipclockjs.com/

干得好...

你可以使用下面的代码，这将隐藏秒部分

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

那么您可能需要相应地调整宽度，例如

.header .clock{
  width: 300px;
}