我正在尝试使 FlipClock JS 倒计时到此标记中指定的日期:
<script>
(jQuery)(document).ready(function() {
clocks.push((jQuery)('.clock-1').FlipClock(3600, {
countdown: true,
clockFace: 'DailyCounter',
}));
});
</script>
<div class="clock-1" data-countdown="15/07/2015 17:12:20" style="margin:2em;"></div>
<div class="message"></div>
<div class="clock-1" data-countdown="15/07/2015 23:19:35" style="margin:2em;"></div>
<div class="message"></div>
<div class="clock-1" data-countdown="16/07/2015 19:18:27" style="margin:2em;"></div>
<div class="message"></div>
<div class="clock-1" data-countdown="21/07/2015 16:47:40" style="margin:2em;"></div>
<div class="message"></div>
<div class="clock-1" data-countdown="21/07/2015 22:12:44" style="margin:2em;"></div>
<div class="message"></div>
就像使用日期+时间一样
data-countdown="21/07/2015 22:12:44"
以及在同一页面上的多个实例中执行此操作(例如每页 8 个不同的倒计时)
我的另一个问题是,如果将这些倒计时中的 8 个放在一个页面上,这是否不会消耗太多资源?
这是我的 JSFiddle 示例
干净:https : //jsfiddle.net/jx0mmvLq/(但脚本现在根本不起作用,因为我似乎无法导入 FlipClock JS 库)
脏:https://jsfiddle.net/haj070g3/1/(必须在“脚本”部分添加整个库不能让它以任何其他方式加载它)
我被要求发布到 Docs 的链接(但我只能发布 2 个与我当前的代表的链接)
http://flipclockjs.com/