javascript - 我的翻转时钟走得太快,跳过偶数。我怎样才能解决这个问题?
问题描述
我的 Flipclock.js 速度太快,跳过了偶数。
我已经对代码进行了试验,当我使用回调函数时似乎出了点问题。
var clock = $('#clock3').FlipClock(new Date("April 10, 2019 18:37:00"), {
clockFace: 'DailyCounter',
countdown: true,
callbacks: {
stop: function () {
$("#myButton3Show").hide();
$("#myButton3Hide").show();
}
}
});
<div class="endgame2">
<img src="Pictures/endgame.png">
<div id="clock3"></div>
<a href="https://www.myvue.com/film/avengers-endgame" target="_blank" id="myButton3Show">About Movie</a>
<a href="https://www.myvue.com/film/avengers-endgame" target="_blank" id="myButton3Hide" style ="display: none">Buy Ticket on Vue</a>
</div>
我想要做的是当倒计时达到 0 并且电影在电影院上映时,将“关于电影”按钮更改为“在 Vue 上预订票”。
它可以工作,只是时钟走得太快并跳过偶数。
解决方案
看起来这是一个已知错误,应该在最新版本中修复。
如果无法切换到较新版本,您可以尝试以下解决方法:
var next_show = new Date('2019-04-10T00:00:00');
var diff = next_show.getTime() - new Date().getTime();
var showtime = Math.floor(diff/1000);
var clock = $('#clock3').FlipClock({
clockFace: 'DailyCounter',
countdown: true,
callbacks: {
stop: function () {
$("#myButton3Show").hide();
$("#myButton3Hide").show();
}
}
});
clock.setTime(showtime);
clock.start();
推荐阅读
- java - 使用 gradle 和 Java 时何时创建 .m2 文件夹
- python - Python中字符串的switch-case语句
- angular - 为 Angular 配置 Jest
- c# - 检测对话是传入还是传出
- scala - 使用 API 从 Play Framework 控制器终止/停止/终止 Spark 作业的更好方法?
- css - 窄视口时将第二列放在顶部
- java - 为什么我会收到此错误:数据结构(数组)?
- rest - Delphi REST - 我如何知道何时检索到所有数据?
- dotnetnuke - DNN SPA 模块中的路由未按预期工作
- ruby - 如何在 Ruby 中验证 oauth、Magento 2.0 SOAP