在Flipclock.js上隐藏秒计数器

时间:2018-11-23 06:42:12

标签: javascript css flipclock

我目前正在一个项目中,该项目的要求是使用flipclock.js创建HH:MM计数器。

我正在使用constructor钟面。有人知道我可以隐藏秒部分吗?

谢谢!

更新

使用@Rahul的CSS之后,我得到以下信息:

enter image description here

UPDATE2

如果有帮助的话,我有一个检查过的元素的图像:

enter image description here

2 个答案:

答案 0 :(得分:1)

注意:由于您没有提供来自http://flipclockjs.com/

的任何代码/演示即时消息

你去...

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

return myDTOList.stream().filter(Objects::nonNull).mapToDouble(MyDTO::getAmount).sum();

enter image description here

然后您可能需要像这样调整宽度

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

答案 1 :(得分:0)

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

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

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

如果不确定如何使用它,则可以在其网站上下载的软件包中包含一个示例文件“ examples /二十四小时-时钟-无秒数.html”