php+js倒计时循环

Question

<?php
    include_once('conn.php');
 $sql=mysql_query("select * from time1");
 $info=mysql_fetch_array($sql);
  ?>
   <?php
 if($info){
 do{
  ?>
 
  <div style="font-size: 12px; float:left;" id="diffDay1"></div>
  <div style="font-size: 12px;" id="diffDay2"></div>
  
  <script type="text/javascript">
var D="<?php echo $info[time_type];?>"  //此到是你要倒计时的到期时间
var theDate=new Date(D);
function getTheTime(){
 var date = new Date();
 var diffTime = theDate - date;
 if(diffTime<=0){
  document.getElementById("diffDay2") .innerHTML="时间已过.";
  return
 }
 var para = 1000 * 60 * 60 * 24;
 var diffday = diffTime / para;
 var diffHour = (diffTime % para) / 3600000;
 var diffMinute = (diffTime % 3600000 ) / 60000;
 var diffSecond = (diffTime % 60000) / 1000;
 document.getElementById("diffDay1").innerHTML = "<b>"+Math.floor(diffday)+ "</b>" + "天 ";
 document.getElementById("diffDay2").innerHTML = Math.floor(diffHour) + "小时" + Math.floor(diffMinute) + "分" + Math.floor(diffSecond) + "秒";
 
 setTimeout(getTheTime,1000)
}
getTheTime()
</script>    
 <?php
 }while($info=mysql_fetch_array($sql));
 ?>
   <?php
   }
      
   ?>
以上代码循环只能显示出一个时间的倒计时，开始数据可以有3个以上的时间，怎么才能全部在一个页面显示出来啊，求教高手 

Answer 1

<script type="text/javascript">
function getTheTime(D,i){
 var theDate=new Date(D);
 var date = new Date();
 var diffTime = theDate - date;
 if(diffTime<=0){
  document.getElementById("diffDay2"+i) .innerHTML="时间已过.";
  return;
 }
 var para = 1000 * 60 * 60 * 24;
 var diffday = diffTime / para;
 var diffHour = (diffTime % para) / 3600000;
 var diffMinute = (diffTime % 3600000 ) / 60000;
 var diffSecond = (diffTime % 60000) / 1000;
 document.getElementById("diffDay1"+i).innerHTML = "<b>"+Math.floor(diffday)+ "</b>" + "天 ";
 document.getElementById("diffDay2"+i).innerHTML = Math.floor(diffHour) + "小时" + Math.floor(diffMinute) + "分" + Math.floor(diffSecond) + "秒";
 setTimeout("getTheTime("+D+","+i+")",1000);
}
</script> 
<?php
include_once('conn.php');
$sql=mysql_query("select * from time1");
?>
<?php
$i=0;
while($info=mysql_fetch_array($sql)){
?>
<div style="font-size: 12px; float:left;" id="diffDay1<?php echo $i;?>"></div>
<div style="font-size: 12px;" id="diffDay2<?php echo $i;?>"></div>
<script type="text/javascript">
getTheTime("<?php echo $info[time_type];?>",<?php echo $i;?>);
</script> 
<?php
$i++;
}
?>