jQuery 카운트 다운의 여러 인스턴스가 작동하지 않습니다.

Question

jQuery 카운트 다운 플러그인을 사용하고 있습니다 (여기에서 다운로드 할 수 있습니다 : http://keith-wood.name/countdown.html).

구현했습니다. 페이지에 단일 인스턴스 (카운트 다운)가있을 때 작동하지만 두 개 이상의 인스턴스가있는 경우 작동하지 않습니다.

코드 내가 사용하고 있습니다 :

<div id="defaultCountdown"></div> 

<script type="text/javascript"> 
jQuery(function() { 
    var austDay = new Date(); 
    // Set some date in the past. In this case, it's always been since Jan 1 
    var offerEndDateTS = <?php echo get_post_meta($post->ID, '_sale_price_dates_to', true); ?>; 
    var offerEndDate = new Date(offerEndDateTS * 1000); 
    austDay = new Date(offerEndDateTS * 1000); 
    jQuery('#defaultCountdown').countdown({until: austDay}); 
    jQuery('#year').text(austDay.getFullYear()); 

}); 
</script> 

같은 페이지에있는 모든 카운터를 만드는 방법에 대한 모든 아이디어가 작동하려면? 시간 내 주셔서 감사합니다는

Answer 1

잘 작동하는 :: 보인다

<div id="defaultCountdown"></div> //first 
<div id="defaultCountdownSecond"></div> //second 

<div id='featured_offer_countdown_template'> 

    {d<}<div class='item days'> 
     <span class='value'>{dn}</span> 
     <span class='label'>{dl}</span> 
    </div>{d>}   
    <div class='item hours'> 
     <span class='value'>{hn}</span> 
     <span class='label'>{hl}</span> 
    </div> 
    <div class='item minutes'> 
     <span class='value'>{mn}</span> 
     <span class='label'>{ml}</span> 
    </div> 
    <div class='item seconds'> 
     <span class='value'>{sn}</span> 
     <span class='label'>{sl}</span> 
    </div> 
</div> 

JS 코드 :

var austDay = new Date(); 
austDay = new Date(austDay.getFullYear(), 5, 9); 
$('#defaultCountdown').countdown({ 
    until: austDay, 
    format: 'dHMS'  
}); 
$('#defaultCountdownSecond').countdown({ 
    until: austDay, 
    format: 'dHMS'  
}); 
$('#year').text(austDay.getFullYear()); 

데모 :: jsFiddle

Answer 2

당신이 reference documentation를 읽거나보고 시도해 봤어 시민??

나를 위해 잘 작동하는 것 같다 :

<div id="defaultCountdown"></div> 
<div id="defaultCountdown2"></div> 

자바 스크립트

HTML :

$('#defaultCountdown').countdown({until: new Date(2014, 1, 1)}); 
$('#defaultCountdown2').countdown({until: new Date(2015, 7, 1)}); 

jsFiddle Demo