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

javascript - FlipClock .getTime() 不起作用?不更新返回值

我问了一个类似的问题,但没有收到。所以我会重新措辞。为什么flipClock 函数getTime() 没有在每次钟面变化时返回一个值?当我将其输出到控制台时,该值始终保持在 10。它永远不会倒计时。然而,时钟工作得很好。如何获取时钟的当前时间?

0 投票
2 回答
816 浏览

javascript - 获取翻转时钟的当前面值

您如何获得翻转时钟的当前面值,因为它不断倒计时。我尝试过使用 getTime() 和在他们的 java 脚本文件中定义的许多不同的函数。我不明白如何实现这一目标。

0 投票
2 回答
1183 浏览

javascript - 在 Flipclock.js 上隐藏秒计数器

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

我正在使用HourlyCounter钟面。有谁知道我如何隐藏秒部分?

提前致谢!

更新

使用@Rahul 的 css 后,我得到了以下信息:

在此处输入图像描述

更新2

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

在此处输入图像描述

0 投票
2 回答
379 浏览

css - 放大 Flipclock.js

我有一个使用flipclock.js 的网站。我在使它变大时遇到了一些麻烦,因此它占用了页面上的更多空间。

有谁知道如何扩大规模或扩大规模?

0 投票
1 回答
67 浏览

javascript - 加载时不隐藏的秒数

我正在努力在我的页面上创建一个计数器,到目前为止,我已经让它正常工作了......我已经使用了这一位 CSS 来隐藏秒部分,但是当页面加载时,它会在之前简要显示它再次被隐藏。

有谁知道我怎样才能清除那个简短的展示部分?

我附上了一个视频供你参考。 视频链接

CSS 片段以及翻转时钟的 JS 部分也在下面。

CSS

JS

0 投票
1 回答
337 浏览

javascript - babel-loader 不工作,在 UglifyJS (ES6) 上出错

我已经实现了FlipClockJs vue 组件,它在我运行时运行良好

纱线安可开发

但是,一旦我运行

纱线安可生产

我收到以下错误

错误编译失败,出现 1 个错误12:30:24 PM

错误

来自 UglifyJs 的 app.bc30a410.js 意外令牌:运算符 (>) [app.bc30a410.js:12470,21]

我尝试通过将其添加到我的 webpack 文件来解决此问题:

但这只是给了我相同的结果。我的整个 webpack 文件如下所示:

知道这里可能有什么问题吗?该组件在运行 yarn encore dev 时工作正常。

使用 Vue 2.5.17

0 投票
0 回答
319 浏览

jquery - FlipClock JS:从特定日期开始个性化倒计时

我正在使用 FlipClock.js 进行 30 小时倒计时,当它达到零时,将一个添加到另一个计数器,倒计时将重新开始。目前,我能够使用更短的时间段来测试它们是否工作,同时启用计数器和倒计时。问题是每次浏览器刷新时都会重新启动两者。如何定义两个时钟的开始日期?

下一个代码倒计时一分钟而不是三十分钟,计数器每三秒而不是每三十小时增加一个。

我提前感谢您的帮助。

0 投票
2 回答
125 浏览

javascript - 如果倒计时 har 达到 0,如何使按钮可点击?

我有一个倒计时,直到漫威电影首映,我想有一个“订票”按钮,在倒计时时无法点击,然后在倒计时达到 0 时使其可点击。我该怎么做?

我试图做出 if 语句,但出了点问题。

你可以看到我目前的倒计时:http: //www.student.city.ac.uk/~aczc972/

回调似乎适用于警报,即使警报出现在第 1 秒而不是第 0 秒,尽管我只需要找到一种更改按钮行为的方法。

这是新代码

0 投票
1 回答
128 浏览

javascript - 我的翻转时钟走得太快,跳过偶数。我怎样才能解决这个问题?

我的 Flipclock.js 速度太快,跳过了偶数。

我已经对代码进行了试验,当我使用回调函数时似乎出了点问题。

我想要做的是当倒计时达到 0 并且电影在电影院上映时,将“关于电影”按钮更改为“在 Vue 上预订票”。

它可以工作,只是时钟走得太快并跳过偶数。

0 投票
0 回答
61 浏览

javascript - 我想在回调之后停止我的函数再次运行。如何做到这一点?

在页面加载时,我的倒计时时钟再次出现。我希望它在回调结束后不再运行。我意识到我使用的代码在页面加载时再次运行。

我已经尝试了一个returnand ifandelse语句,但我认为我做错了什么。

html

我想说如果日期不是 2019 年 4 月 24 日 T00.00.00,请运行倒计时,否则隐藏时钟和“关于电影”按钮,并显示“在 Vue 上购买门票”。

这就是我正在尝试做的事情:

这就是我现在正在尝试的!但是,仍然无法正常工作。

您可以在 www.student.city.ac.uk/~aczc972 上查看倒计时

第 1 步:倒计时

第 2 步:倒计时完成 - 计数器和按钮淡出,新按钮淡入

第 3 步:在页面加载时,会发生这种情况!

第 1 步:倒计时 第 2 步:倒计时完成 - 计数器和按钮淡出,新按钮淡出 第 3 步:页面加载时,会发生这种情况!