问题标签 [flipclock]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
202 浏览

javascript - 设置或禁用初始动画

我在Counter页面上设置 a 并需要它以特定值开始然后倒计时,但 FlipClock.js 坚持做一个初始动画,似乎每当一个数字以 a 开头时0,它就会以 a 开头9并翻转到0,在我的上下文中它看起来很愚蠢:

例如,当您这样做时:

它最初会显示为19,然后向上翻转20,因为我打算倒数,所以看起来很奇怪。视觉上它然后去:

19, 20, 19, 18, 17, 16, ...

这是不和谐的。看起来它会增加,而不是倒计时。有没有办法让它这样做?

例子:

请注意,这是库的旧版本 (0.7.8) 而不是最新版本 (0.8.0),它的行为略有不同。它不是从 19 翻转到 20,而是从 20 翻转到 20,这看起来仍然很奇怪,而且动画在这个版本中看起来更糟糕,但它说明了问题:

0 投票
1 回答
589 浏览

javascript - $(document).ready 被调用两次

我有一个页面,有一个定时测试。我正在使用 FlipClockJS 作为计时器,并且我有一个文本框,用户可以在其中输入他们选择的时间。输入框(.set)代码如下所示:

当我调用此脚本时,警报为我提供了我想要的正确值,但是由于某种原因它会返回并重新运行 document.ready(我知道这一点,因为我在 document.ready 之后放置了警报以查看它何时触发)因此消除我所有的辛勤工作。

我不知道为什么会这样。Document.ready 仅在页面上运行此脚本时才会被调用。


这是完整的页面

0 投票
1 回答
1683 浏览

javascript - FlipClock 重置倒计时

我正在使用 FlipClock.js 开发一个从 1:00 分钟到 0 的简单倒数计时器,我的问题是,它直到 0 才计数,然后当它重置时,它从 00:59 开始,它应该是 1: 00. 我不知道为什么,但是在 00:59 之后它变成了 00:00 然后是 00:58。

我尝试使用setTime()但没有用。

我希望你能理解我。

谢谢

编解码器

JS

0 投票
1 回答
385 浏览

javascript - 更改 FlipClock 持续时间秒计时器设置

我有 FlipClock 代码如下

时钟工作正常,但我有以下要求

例如 -通常时钟从 00:00(mm:ss) 开始,60 秒后它显示 00:59(mm:ss) 之后它会改变分钟 01:00(mm:ss) 但我想在什么时候改变这个时钟开始它应该从 00:01 开始,60 秒后它应该显示为 00:60,之后是 01:00

基本上我需要更改 FlipClock 开始和结束秒设置

你能帮我摆脱这个困境吗?

我为此参考以下站点,但未找到解决方案

翻转时钟

0 投票
1 回答
145 浏览

jquery - 无法将 div 的动态内容居中对齐

我正在一个使用flipclock.js的小计数器上工作

我每两秒检查一次唯一访问者的数量,如果数量增加,计数器会增加并翻转。早些时候,我使用的是在页面加载时从数据库中获取的单个值。我正在使用包含在中心标签中的 div,例如

该值正好在 div 的中心。但是现在,由于我每 2 秒获得更新的用户数量,并且也使用了翻转时钟,所以该数字并没有在中心对齐。我可以通过使用 css 修改边距来对齐一个静态数字,但是当数字达到像 10000000 这样的大值时它看起来不太好。现在使用flipclock之后,代码是

这看起来像 在此处输入图像描述

无论数字有多大或多小,我都希望它处于中心位置。数字是动态的,并随着时间而变化。

谢谢!

0 投票
0 回答
86 浏览

javascript - 使用翻转时钟制作实时计时器

我想使用翻转时钟制作实时计时器。我有代码,但不能正常工作。在计时器中,当开始按钮单击计时器将在 chrome 的所有选项卡中启动(实时),当停止按钮单击计时器将在所有选项卡中停止。在页面刷新中,如果计时器已经启动则启动,如果停止则停止。

代码:

请帮我。提前致谢!

0 投票
1 回答
716 浏览

jquery - 将进度条添加到倒计时

我正在使用flipclockjs进行简单的倒计时。我想要做的是添加一个与倒计时同步的进度条。我试图这样做,但我什至无法获得秒数。

希望你能帮助我。

0 投票
1 回答
198 浏览

javascript - Javascript翻转时钟倒计时生成不正确的日期格式

我正在一个网站上工作,我想使用一个特殊事件的倒计时。我现在已经安装了flipclock.js 脚本并且它已经启动并且可以工作了。但是,它会生成不正确的日期格式,如附加图像:

翻转时钟错误

如您所见,天、分和秒按预期工作,但“小时”显示为 93。我使用以下代码实现了 flipclock.js:

有谁知道为什么会这样?我没有改变任何东西

0 投票
1 回答
827 浏览

javascript - 停止后将 FlipClock.js 数字设置为零

我试图在停止后将 FlipClock.js 数字设置为零,但在文档中找不到这样做的方法。

我希望它显示 00:00:00

这是我到目前为止所尝试的:

0 投票
0 回答
33 浏览

javascript - Flipclock 初始值为 939,511,314?

我使用以下参数调用 Jquery FlipClock。我看到的第一个数字是 939,511,314。但在那之后,它完美地工作。显然,这并没有真正引起大问题,但它很奇怪。我想知道有没有其他人看过这个?