PHP 루프 내에서 jquery 카운트 다운 타이머

Question

나는 키스 우드 카운트 다운 타이머 jquery 플러그인 (http://keith-wood.name/countdown.html)을 사용하여 경매에 입찰 할 시간을 표시하지만 문제가있는 메신저를 사용하려고합니다. 그것.

사용자가 검색 할 때 php가 여러 검색 결과를 검색하고 varchar로 저장된 최종 시간의 타임 스탬프를 검색합니다. 코드의 맨 아래에

while($row = $stmt->fetch(PDO::FETCH_ASSOC)){ 
     $numrows++; 
     $ID = $row['ID']; 
     $img = $row['img']; 
     $desc = $row['description']; 
     $name = $row['name']; 
     $owner = $row['owner']; 
     $cprice = $row['cprice']; 
     $iprice = $row['iprice']; 
     $incprice = $row['incprice']; 
     $etime = $row['etime']; 
     $nextBid = $cprice + $incprice; 

$stmt2 = $pdo->prepare("SELECT * FROM user WHERE username = :username"); 
$stmt2->bindParam(":username", $owner,PDO::PARAM_STR); 
$stmt2->execute(); 

$thisuser = $stmt2->fetch(PDO::FETCH_ASSOC); 
$location = $thisuser['location']; 

     echo' 
     <tr class="resultindex"> 

     <td class="imgCol"><a href="displayAuct.php?id='.$ID.'"><img src="'.$img.'" alt="'.$name.'" /></a></td> 
     <td class="infoCol"> 

      <div class="nameDiv"> 
       <a class="nameLink" href="displayAuct.php?id='.$ID.'">'.$name.'</a><br/> 
      </div> 
      <div class="descDiv"> 
       <span class="priceLabel2">'.$desc.'</span> 
      </div> 

      <div class="userdiv"> 
       <span class="fromuser">Location: </span><br/> 
       <span class="location">'.$location.'</span> 
      </div> 
     </td> 
     <td style="width:1px; background-color:#330066;" ></td> 
     <td class="priceCol"> 
      <div class="currentp"><span class="priceLabel">Current Bid: </span><br/><span class="price1">$'.$cprice.'</span></div> 
      <div class="instantp"><span class="priceLabel2">Instant Sale: </span><br/><span class="price2">$'.$iprice.'</span></div> 
      <div style="height:5px;"></div> 
      <div class="incp"><span class="priceLabel2">Next Bid:</span><br/><span class="price2">$'.$nextBid.'</span></div> 
     </td> 
     <td style="width:1px; background-color:#330066;"></td> 
     <td class="timerCol"> 
      <div id="timeRow"> 
       <span class="timeleft">Time Left: </span> 
      </div> 
      <div id="countdownRow"></div> 
     </td> 
     </tr> 
     '; 
    } 

, 내가 특정 항목을 기준으로 카운트 다운 타이머가 countdownRow의 사업부에 표시 할.

var timestamp = <?php echo $etime; ?> * 1000; 
    var endTime = new Date(); 
    endTime.setTime(timestamp); 


    $(document).ready(function(e){ 
     $(".cdtimer").load(function(){ 
      $(".cdtimer").countdown({until: endTime}); 
     }); 
    }); 

하지만이 나던 제대로 작동 :

은 내가 마련, 자바 스크립트와이를 처리하는 방법을 알고 살아야니까. 누구든지 내가 여기서해야 할 일에 대한 아이디어를 얻었습니까?

Answer 1

첫 번째 발언 : html의 id 속성은 고유해야합니다. 모든 행에는 고유 ID가 필요합니다.

각 행에 대해 $etime을 별도의 div에 추가하면 html에서 모든 종료 시간을 사용할 수 있습니다.

모든 timerCol 열을 찾고 각 결과에 대해 새 타이머를 시작하려면 jquery를 사용하십시오.

$(".timerCol .timeLeft").each(function() { 
    endtime = $(this).find(".timeRowValue").val(); 
    $(this).countdown({until: endTime}); 
};