Time countdown problem

[ash007]

Hi everybody,

I hve time countown code.

I integrated this in while loop and time is incrementing......But still problem is coming..
1.after refreshing page the second div is gone and first div only displaying..
2.if i will click button 3 or more times without refershing the page the time increment not in proper order.

anybody have suggestion for this...

Code

$m=1;
$q=1;

while($row=mysql_fetch_assoc($q2)) {

$letime=$row['BidEndTime'];
$ledate=$row['BidEndDate'];
$lftime=$row['BidStartTime'];
$lfdate=$row['BidStartDate'];
$lsampm=$row['sampm'];

$ledate=date("m/d/Y",strtotime($ledate));
$lfdate=date("m/d/Y",strtotime($lfdate));

<div id="lclock<?php echo $q;?>" class="tdfont31" align="center">[clock<?php echo $q;?>]</div>

<div id="lclocka<?php echo $q;?>" class="redfont2" align="center"></div>

<script language="JavaScript">

function AddTime(myDiv,dthen,dnow,add,no,bpk)
{
if(bpk>0) {
var dthen = new Date(dthen);
var dnow = new Date(dnow);
ddiff = new Date(dthen-dnow);
gsecs = Math.floor(ddiff.valueOf()/1000);
newsecs = gsecs + add;
CountBack(myDiv, newsecs);

//var popUp1 = document.getElementById("lclocka"+no);
// popUp1.style.visibility = 'visible';
//popUp1.style.display = 'block';

var popUp = document.getElementById("lclock"+no);
popUp.style.visibility = 'hidden';
popUp.style.display = 'none';
}

}

StartCountDown("lclock<?php echo $m;?>","<?php echo $ledate.' '.$letime.' '.$row['eampm'].' ';?>-0400","<?php echo $lfdate.' '.$lftime.' '.$row['sampm'].' ';?>-0400")
//StartCountDown("clock1","06/27/2010 12:33 PM -0400")
//StartCountDown("clock2","07/27/2010 2:00 PM -0400")

/
Author: Robert Hashemian (http://www.hashemian.com/)
Modified by: Munsifali Rashid (http://www.munit.co.uk/)
Modified by: Tilesh Khatri
/

function StartCountDown(myDiv,myTargetDate,ndate)
{

var dthen = new Date(myTargetDate);
var dnow = new Date(ndate);
ddiff = new Date(dthen-dnow);
gsecs = Math.floor(ddiff.valueOf()/1000);
CountBack(myDiv,gsecs);
}

function Calcage(secs, num1, num2)
{
s = ((Math.floor(secs/num1))%num2).toString();
if (s.length < 2)
{
s = "0" + s;
}
return (s);
}

function CountBack(myDiv, secs)
{

var DisplayStr;
//var DisplayFormat = "%%H%%:%%M%%:%%S%%";
var DisplayFormat = "%%D%% Days %%H%%:%%M%%:%%S%%";
DisplayStr = DisplayFormat.replace(/%%D%%/g, Calcage(secs,86400,100000));
DisplayStr = DisplayStr.replace(/%%H%%/g, Calcage(secs,3600,24));
DisplayStr = DisplayStr.replace(/%%M%%/g, Calcage(secs,60,60));
DisplayStr = DisplayStr.replace(/%%S%%/g, Calcage(secs,1,60));
if(secs > 0)
{
document.getElementById(myDiv).innerHTML = DisplayStr;
setTimeout("CountBack('" + myDiv + "'," + (secs-1) + ");", 990);
}
else
{
document.getElementById(myDiv).innerHTML = "Auction Over";
//document.getElementById("loginchk").style.visibility="hidden";

}
}

</script>
?>
<form id="feedForm" name="feedForm" method="post" action="">
<input name="image" type="image" id="loginchk<?php echo $m;?>" onclick=" AddTime('lclocka<?php echo $m;?>','<?php echo $ledate.' '.$letime.' '.$row['eampm'].' ';?>-0400','<?php echo $lfdate.' '.$lftime.' '.$row['sampm'].' ';?>-0400', '20','<?php echo $q;?>','<?php echo $bpk;?>'); return false;"
</form >
<?php
$m++;
$q++;

}:queasy:⭕glare: