Flipclock:隐藏“天”,“分钟”,“小时”,“秒”和分频器

时间:2021-10-09 02:47:27

I have several Flipclock counters. I am looking for a way to hide "days", "minutes" ,"hours", "seconds" and the divider between them. I know i can hide digits using different "faces". For example, with hourly counter i can hide "days", with minute counter i can hide "days" and "hours" and with Daily Counter i can hide "seconds". But if i need, for example, to leave only "minutes" and "hours" and hide "seconds" and "days" or leave only "hours"/"minutes", how can i do it?

我有几个Flipclock计数器。我正在寻找隐藏“天”,“分钟”,“小时”,“秒”以及它们之间的分隔符的方法。我知道我可以使用不同的“面孔”隐藏数字。例如,使用每小时计数器我可以隐藏“天”,使用分钟计数器我可以隐藏“天”和“小时”,而使用每日计数器我可以隐藏“秒”。但是,如果我需要,例如,只留下“分钟”和“小时”并隐藏“秒”和“天”或只留下“小时”/“分钟”,我该怎么办呢?

2 个解决方案

#1


11  

Using the Daily Counter as a base, here's a CSS solution that was the quickest to draw up rather than having to get a PhD in building clock faces. You can wrap this up in a custom plugin extension and build your set of parameters (hideSeconds, hideMinutes, etc) to then apply the appropriate CSS.

使用每日计数器作为基础,这是一个CSS解决方案,是最快的绘制,而不是必须获得建立钟面博士学位。您可以将其包装在自定义插件扩展中,并构建您的参数集(hideSeconds,hideMinutes等),然后应用适当的CSS。

Link

链接

.flip-clock-divider.days,
.flip-clock-divider.hours,
.clock ul:nth-child(1),
.clock ul:nth-child(2),
.clock ul:nth-child(3)
{
    display: none;
}

#2


1  

To hide labels:

要隐藏标签:

.flip-clock-label{ display: none !important; }

#1


11  

Using the Daily Counter as a base, here's a CSS solution that was the quickest to draw up rather than having to get a PhD in building clock faces. You can wrap this up in a custom plugin extension and build your set of parameters (hideSeconds, hideMinutes, etc) to then apply the appropriate CSS.

使用每日计数器作为基础,这是一个CSS解决方案,是最快的绘制,而不是必须获得建立钟面博士学位。您可以将其包装在自定义插件扩展中,并构建您的参数集(hideSeconds,hideMinutes等),然后应用适当的CSS。

Link

链接

.flip-clock-divider.days,
.flip-clock-divider.hours,
.clock ul:nth-child(1),
.clock ul:nth-child(2),
.clock ul:nth-child(3)
{
    display: none;
}

#2


1  

To hide labels:

要隐藏标签:

.flip-clock-label{ display: none !important; }