使用jQuery倒計時

Question

想使用jQuery的一個PHP foreach循環的倒計時，但它僅適用於在foreach並沒有顯示倒計時對foreach的其他項目的最新行

<div> 
    <div class="pull-right"> 
    <?php 
     $nota = DataDB::getInstance()->select_from_order($_SESSION['id'],'delivery_status');     
     foreach($nota as $pa): 
     $dev = DataDB::getInstance()->get_name_from_id('name','delivery_status','delivery_status_id',$pa['delivery_status']);?> 
    <a data-toggle="modal" data-target="#count<?php echo $pa['trackingnumber'] ?>"><button class="btn btn-info"> 
    <p><?php echo $dev; ?></p> 
    <h4 style="color:#fff;"><div id="countdown"></div></h4> 
    <p>Hour min sec</p> 
    </button></a> 


<script src="js/jquery.countdown.min.js"></script> 
<script type="text/javascript"> 
     $('#countdown').countdown('<?php echo $pa['delivery_time']; ?>', function(event) { 
      $(this).html(event.strftime('%H:%M:%S')); 
     }); 
    </script> 
    <?php include ('account_count_modal.php'); ?> 
    <?php endforeach; ?> 
    </div> 
</div> 

Answer 1

我剛剛使用計數器更新了您的代碼，如下所示：

<script src="js/jquery.countdown.min.js"></script> 

<div> 
    <div class="pull-right"> 
    <?php 
    $nota = DataDB::getInstance()->select_from_order($_SESSION['id'],'delivery_status'); 
    $counter = 0;    
    foreach($nota as $pa): 
     $counter++; 
     $dev = DataDB::getInstance()->get_name_from_id('name','delivery_status','delivery_status_id',$pa['delivery_status']); 
    ?> 
     <a data-toggle="modal" data-target="#count<?php echo $pa['trackingnumber'] ?>"><button class="btn btn-info"> 
     <p><?php echo $dev; ?></p> 
     <h4 style="color:#fff;"><div id="countdown<?php echo $counter;?>"></div></h4> 
     <p>Hour min sec</p> 
     </button></a> 



     <script type="text/javascript"> 
      $('#countdown<?php echo $counter;?>').countdown('<?php echo $pa['delivery_time']; ?>', function(event) { 
       $(this).html(event.strftime('%H:%M:%S')); 
      }); 
     </script> 
    <?php include ('account_count_modal.php'); ?> 
    <?php endforeach; ?> 
    </div> 
</div>