javascript - 从属性中将FlipClock的时间设置为1

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

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

如何在“ init”回调函数中获取“ 2015-09-22”？

最佳答案

看起来并没有办法使它与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>