在 Flipclock.js 上隐藏秒计数器

Question

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

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

提前致谢！

更新

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

更新2

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

Answer 1

注意：由于您没有提供任何 code/demo 我参考了 http://flipclockjs.com/

给你...

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

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

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

.header .clock{
  width: 300px;
}

Answer 2

您可以在启动时钟时通过选项指定是否显示秒数。像这样：

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

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

如果您不确定如何使用它，您可以在他们的网站上下载包中包含一个示例文件，"examples/twenty-four-hour-clock-without-seconds.html"

在 Flipclock.js 上隐藏秒计数器

Hide Seconds Counter on Flipclock.js

javascript

css

flipclock

更新

更新2