问题标签 [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 回答
1999 浏览

javascript - FlipClock - 多个实例 - 在数据倒计时中计数到特定日期

我正在尝试使 FlipClock JS 倒计时到此标记中指定的日期:

就像使用日期+时间一样

以及在同一页面上的多个实例中执行此操作(例如每页 8 个不同的倒计时)

我的另一个问题是,如果将这些倒计时中的 8 个放在一个页面上,这是否不会消耗太多资源?

这是我的 JSFiddle 示例

干净:https : //jsfiddle.net/jx0mmvLq/(但脚本现在根本不起作用,因为我似乎无法导入 FlipClock JS 库)

脏:https://jsfiddle.net/haj070g3/1/(必须在“脚本”部分添加整个库不能让它以任何其他方式加载它)

我被要求发布到 Docs 的链接(但我只能发布 2 个与我当前的代表的链接)

0 投票
1 回答
1022 浏览

javascript - FlipClock JS自定义增量?

我正在尝试为 FlipClock JS 编写一个自定义增量函数。因此,计数器每 5-20 秒递增 1。我尝试使用 settimeout 函数围绕 clock.increment 代码,但我无法让它工作,因为我不知道它实际上在哪里循环。然后我查看了 flipclock.js 文件本身,我设法让它在 0.5、0.25 中上升,我也可以让它延迟启动,但我不知道如何让它每隔一段时间增加一次。我想我可以在 clock.increment 之前添加类似 delay(500) 的东西,但我不认为那是循环所在的地方。

如果您需要更多信息,请询问。

谢谢!

0 投票
1 回答
2750 浏览

javascript - Flipclock js countdown 1hour without reset

I'm trying to make a countdown without resetting the time on refresh. I need to countdown 1h only but I don't want it to reset on refresh. Getting the current time from server and expiration time is not working since I want to reset that timer on a click. Here is my current js code:

0 投票
1 回答
2799 浏览

javascript - 时间到期后重新启动 FlipClock

时间完成后如何重新启动翻转时钟?

我想在 10 秒后重新启动计数器。我试过的是

但这不起作用。任何想法?

0 投票
0 回答
618 浏览

javascript - 定时器完成时 Flipclock.js 自动倒计时

到目前为止,我需要创建自动倒数计时器。我从 php 获取当前日期和时间并添加 4 小时 4 天,但是当我刷新页面时计时器再次开始。我怎样才能让它到达需要的日期和时间以及何时完成 - 从现在开始到下一个日期。

我在 wordpress 上的代码 -

0 投票
1 回答
223 浏览

javascript - 如何随机化flipclock.js,使其不是倒计时而是随机数不断翻转?

js 脚本太长,无法包含在正文中,但我已包含链接以供参考。提前致谢。

http://flipclockjs.com/

0 投票
3 回答
1249 浏览

javascript - 代码点火器中的flipclock.js

我想在我的网站上有一个像这样的计时器:flipClock.js。我下载了代码并测试了 base.html 文件。一切正常。

现在我复制了代码并将 css 和 js 文件包含在我的 codeigniter 项目中,如下所示:

现在,当我加载我的网页时,没有计时器出现。在控制台中,我收到错误“Uncaught TypeError: $(...).FlipClock is not a function”

请问有人可以帮我吗?

0 投票
3 回答
1053 浏览

jquery - jQuery Flipclock在具有相同类名的页面上多次不起作用

我使用jQuery Flipclock 插件来显示翻转时钟。当我使用一个在我的页面中只出现一次的类时,它工作正常。但是,当我尝试在具有相同类名的页面上多次使用翻转时钟时,它不起作用。您可以看到我尝试多次使用它但它不起作用的小提琴链接。那么有人可以告诉我如何在具有相同类名的页面上多次使用这个插件吗?

此翻转时钟的代码如下所示

0 投票
1 回答
133 浏览

jquery - jQuery FlipClock 在使用多次时一次工作

我拿了一个翻转时钟。我想在我的页面上多次使用它。它仅在单次上运行良好。但是,当我重复标记时,它只在一次工作,而对于其他类型则不起作用。jQuery 代码是这样的

标记是这样的

这是它一次工作的小提琴链接。

0 投票
0 回答
105 浏览

javascript - 如果您在 chrome 上使用 2 个不同的窗口,flipclock.js 时间会滞后

我正在为一个项目使用翻转时钟,并且我有 2 个具有相同时钟倒计时的选项卡,它们同时开始。问题是在 chrome 上它不能正确同步。其中一个时间滞后。即使您在几分钟后打开两个http://flipclockjs.com/窗口,其中一个也会滞后。其他人在chrome上遇到过这个问题吗?在 Firefox 上运行良好