FlipClock의 시간을 하나의 속성으로 설정하십시오.

Question

FlipClock을 초기화 할 때 HTML 요소의 속성을 가져오고 싶습니다. 페이지에 FlipClock 객체가 두 개 이상있는 것은 아닙니다. 시계에 대한 HTML 태그는 다음과 같습니다

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

하는 방법은 '초기화하기'콜백 함수 '2015년 9월 22일'받을 수 있나요?

Answer 1

어쨌든 init 함수로 작업하는 것처럼 보이지 않습니다. 초기화 옵션에는 시간 설정 (홀수로 표시)이 포함되지 않으며 init 콜백은 방금 생성 된 시계에 대한 참조를 되돌려 보내지 않습니다.

그러나 시계를 초기화하는 자체 함수를 작성할 수는 있습니다. 페이지에 여러 시계가 필요하다면 클래스 대신 아이디를 사용해야합니다.

또한 데이터 영역의 날짜 문자열을 초 단위로 변환하는 함수를 작성해야합니다. :-)

<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>