问题标签 [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 投票
3 回答
21867 浏览

javascript - 特定时间和日期的 Javascript 倒计时

我正在使用 jQuery 插件将倒数计时器放在我的网页中。目前控制计时器显示内容的代码是:


插件的 JS 可以在这里查看:https ://github.com/objectivehtml/FlipClock/blob/master/js/flipclock/flipclock.js

使用代码的示例页面可以在这里看到:http: //flipclockjs.com/faces/daily-counter

目前,计时器是 3 天的倒计时,每次刷新页面时都会重置。我想为倒数计时器使用自定义时间,这将是绝对的(不会随着页面刷新而重置)。我希望日期为太平洋标准时间 2013 年 9 月 30 日下午 12:00(美国西部 - 加利福尼亚时区)。

无论如何使用Javascript或jQuery来做到这一点?

0 投票
0 回答
570 浏览

jquery - FlipClock 天数倒计时滑块仅用于天数?

我正在尝试使用flipclock.js从 60 天倒计时到 55 天。当页面加载时,它应该从 60 开始,在 55 停止。如果我明天看到同样的事情,它应该在 54 天结束。像那样如何使用 FlipClock 倒计时

0 投票
2 回答
2084 浏览

jquery - -ms-zoom 在 IE 9 中不起作用

http://codepen.io/anon/pen/dhtAo

此代码在 FF 和 chrome 中运行良好。但在 IE 9 中,只有文本被缩放,而不是时钟。只有当我删除上面的代码时才会显示时钟。

有谁知道这个问题的原因和解决方案?

0 投票
1 回答
1738 浏览

jquery - 使用 knockout.js 和 Flipclock.js

我正在开发一个基本的时间跟踪 chrome 扩展,并且遇到了将 FlipClock.js(一个 jQuery 插件)与 Knockout 集成的问题。

目标是为相关的 HTML 提供一个 foreach 绑定模板并实例化一个 FlipClock;最多总共四个 FlipClock。目前,我从 FlipClock 收到以下错误:“尝试在倒计时已为 0 时启动计时器”。我的猜测是,这是“当视图模型更新时淘汰赛正在破坏你的翻转时钟”的缩写。

我的问题是:有没有办法防止翻转时钟被淘汰视图模型更新?

我已经粘贴在下面的相关代码中。

JS:

HTML:

0 投票
1 回答
3621 浏览

javascript - Javascript 除夕时钟和倒计时

我一直在使用flipclockjs.com JQuery 库来尝试创建一个简单的脚本,我们可以在新年前夜在当地的酒吧使用它来帮助每个人在新的一年里看到。

基本的想法是在晚上,带有秒数的 24 小时制时钟正在滴答作响。在距午夜 30 秒时,时钟下方会出现倒计时,在午夜时分,倒计时将被“新年快乐”信息取代,时钟继续显示当前时间。

我目前的草稿在这里(小提琴)

该示例设置为从 23:59:20 开始,因此您不必等待 20 多天才能看到它是如何工作的!

有点工作,但有一些奇怪的地方可能仅仅是由于 FlipClock 库的工作方式。当倒计时第一次出现时,它显示“29”,然后是“30”,然后正确倒计时。似乎无法弄清楚为什么。此外,时钟本身只是一个计数器,所以当它到达午夜时,它会显示 24:00:00 而不是 00:00:00。它还在小时数字中短暂闪烁“99”。这又可能与图书馆有关。

那里有任何 FlipClock 专家可以帮助我清理此代码,或者是否有更好的 Javascript 计数器和时钟库?我喜欢 FlipClock 的设计,但如果这个应用程序不适合它,我就不喜欢它。

0 投票
1 回答
2378 浏览

javascript - Countdown Clock to a Specific Time

I am using FlipClock.js to have a countdown clock till new year day. I want to change this to countdown to 8am local time on the first. I am a bit confused as to how to do this.

Here is the script I am currently using:

EDIT

I tried changing my code to this:

This line

was changed to this line:

When I did this it added one hour to the countdown clock. It should of added more since the time was 12am to 8am. What did I do wrong and how do I correct it?

0 投票
1 回答
2119 浏览

javascript - flipclock.js 拍摄错误 Uncaught TypeError: Cannot call method 'FlipClock' of null

我正在尝试在我的网站上设置 Flipclock.js,但是无论我做什么,它似乎都没有加载,chrome 给了我以下错误:

未捕获的 TypeError:无法调用 null 的方法“FlipClock”

我的代码布局如下:

所有的 jquery 文件都加载得很好。我只收到上面提到的一个错误。我还尝试将翻转时钟文件移动到我的身体下方,以便它们在之后加载,但没有运气和同样的错误。将不胜感激有关解决此问题的一些想法。谢谢。

0 投票
2 回答
300 浏览

javascript - Jquery 插件 FlipClockjs 不起作用

我刚开始使用FlipClock js使用这个:

时钟确实显示,但计时器不工作。

即:时钟定时器不翻转。

我尝试将clockFace 替换为“HourlyCounter”并且效果很好。但不适用于“DailyCounter”。

这是一个错误还是只是我?

0 投票
3 回答
6504 浏览

javascript - 在翻转时钟插件中设置自定义时间

我正在努力使用 Flipclock http://flipclockjs.com/。我浏览了他们的网站,但找不到有关如何更改时间的提示。

我想要做的是设置我想要显示的时间。问题是某些智能电视上的浏览器在更改时区时出现问题,所以我想用 php 从服务器获取时间,但我无法设置时间。这是我的代码。我只找到了一些倒计时的例子,但这根本没有帮助。它只是使用当地时间,它根本没有改变。谢谢大家。

0 投票
6 回答
26348 浏览

javascript - 使用 Flipclock.js 从特定日期倒计时

我正在使用http://flipclockjs.com/

到目前为止,这是我的通话脚本,

请问有人能告诉我如何从确切的日期倒数吗?

例如,日期是英国时间 2014 年 7 月 21 日,访问该网站的每个人都会看到根据当前日期到该日期还有多长时间。