Question

我想在初始化FlipClock时从HTML元素中获取属性。请不要在页面中有多个FlipClock对象。时钟的HTML标记是：

 <span class="expire-clock" data-expire="2015-09-22">

我怎样才能得到2015-09-22＆＃39;在＆＃39; init＆＃39;回调函数？

Answer 1

无论如何都无法使用init函数。初始化选项不包括设置时间（看起来很奇怪），并且init回调不会传回对刚刚创建的时钟的引用。

但是，您可以编写自己的函数来初始化时钟。请注意，如果您希望页面上有许多不同的时钟，那么您必须为它们使用ID而不仅仅是类。

此外，您可以编写一个函数将数据区域中的日期字符串转换为秒。： - ）

<div id="your-clock" data-expire="70"></div>

<script src="FlipClock/compiled/flipclock.min.js"></script>
<script>        
    function initClock(id){
        var clock = $('#your-clock').FlipClock({countdown: true, autoStart: false});
        clock.setTime($("#" + id).data("expire"));
        clock.start();
    }

    initClock("your-clock");
</script>

将FlipClock的时间设置为属性中的一个

1 个答案: