將FlipClock的時間設置爲屬性

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>