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

Question

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

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

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

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>