db中多行的倒計時時間

Question

我正在爲db中多行的倒計時計時工作。我保存在我的數據庫不同的時間..我想腳本波紋管顯示倒計時時間對於每一行..

<script type="text/javascript" src="jquery-2.0.3.js"></script> 
<script type="text/javascript" src="jquery.countdownTimer.js"></script> 

PHP代碼

<?php $x = mysqli_query($con, "SELECT * FROM payment"); 
while($xx = mysqli_fetch_array($x)) 
{ ?> 

HTML和Javascript

<span id="future_date"></span> 
<script> 
$(function(){ 
$('#future_date').countdowntimer({ 
dateAndTime : "<?php echo $xx['stop_time']; ?>", 
size : "lg", 
regexpMatchFormat: "([0-9]{1,2}):([0-9]{1,2}):([0-9]{1,2}):([0-9]{1,2})", 
regexpReplaceWith: "$1:$2:$3:$4" 
}); 
}); 
</script> 

關閉php

<?php } ?> 

爲數據庫

INSERT INTO `user` (`id`, `userid`, `stop_time`) VALUES 
(1, '3', '2017-04-20'), 
(2, '2', '2017-04-12'); 
(3, '9', '2017-05-10'); 
(4, '3', '2017-03-22'); 
(5, '7', '2017-04-01'); 
(6, '9', '2017-04-10'); 

我使用的代碼，但只顯示一行不是所有的數據庫中的行。

請告訴我該怎麼辦

Answer 1

您每次都在循環中重寫id選擇器。

讓每個定時器唯一ID：

試試這個，讓我知道，如果這對你的作品。

<?php $x = mysqli_query($con, "SELECT * FROM payment"); 
$i=0; 
while($xx = mysqli_fetch_array($x)) 
{ ?> 

<span id="future_date_<?php echo $i ;?>"></span> 
<script> 
$(function(){ 
    $('#future_date_<?php echo $i ;?>').countdowntimer({ 
     dateAndTime : "<?php echo $xx['stop_time']; ?>", 
     size : "lg", 
     regexpMatchFormat: "([0-9]{1,2}):([0-9]{1,2}):([0-9]{1,2}):([0-9]{1,2})", 
     regexpReplaceWith: "$1:$2:$3:$4" 
    }); 
}); 
</script> 

<?php $i++;} ?>