10-30-2008
2,
0
Join Date: Oct 2008
Last Activity: 17 November 2008, 4:35 AM EST
Posts: 2
Thanks Given: 0
Thanked 0 Times in 0 Posts
stopclock coding in javascript.
i have got a problem in this coding.i have got start/pause in the same button.wen i open that page the stopclock runs automatically.wen i click pause it get paused in the frontend textbox bt running in the backend.wen i again click that start itz starting from the time without considering that pause.i need a quick help.i want my stopclock to pause wen n click that button and start wen clicked should start from the time where itz was paused.
here is my coding.
<scripttype="text/javascript">
var base = 60;
var clocktimer,dateObj,dh,dm,ds,ms;
var readout='';
var h=1;
var m=1;
var tm=1;
var s=0;
var ts=0;
var ms=0;
var show=true;
var init=0;
var mPLUS=new Array('m0','m1','m2','m3','m4','m5','m6','m7','m8','m9');
var ii=0;
window.onload = function()
{
findTIME();
}
function clearALL() {
clearTimeout(clocktimer);
h=1;m=1;tm=1;s=0;ts=0;ms=0;
init=0;show=true;
readout='00:00:00.00';
document.getElementById("ctl00_cphCMSContent_clock").value=readout;
}
function addMEM() {
if (init>0) {
findTIME()
var CF=document.getElementById("ctl00_cphCMSContent_clock");
document.getElementById("ctl00_cphCMSContent_m0").value=readout;
}
}
function startTIME() {
var cdateObj = new Date();
var t = (cdateObj.getTime() - dateObj.getTime())-(s*1000);
if (t>999) { s++; }
if (s>=(m*base)) {
ts=0;
m++;
} else {
ts=parseInt((ms/100)+s);
if(ts>=base) { ts=ts-((m-1)*base); }
}
if (m>(h*base)) {
tm=1;
h++;
} else {
tm=parseInt((ms/100)+m);
if(tm>=base) { tm=tm-((h-1)*base); }
}
ms = Math.round(t/10);
if (ms>99) {ms=0;}
if (ms==0) {ms='00';}
if (ms>0&&ms<=9) { ms = '0'+ms; }
if (ts>0) { ds = ts; if (ts<10) { ds = '0'+ts; }} else { ds = '00'; }
dm=tm-1;
if (dm>0) { if (dm<10) { dm = '0'+dm; }} else { dm = '00'; }
dh=h-1;
if (dh>0) { if (dh<10) { dh = '0'+dh; }} else { dh = '00'; }
readout = dh + ':' + dm + ':' + ds + '.' + ms;
if (show==true) {
//alert(document.frmShowSpotView);
//document.clockform.clock.value = readout;
document.getElementById("ctl00_cphCMSContent_clock").value=readout;
}
clocktimer = setTimeout("startTIME()",1);
}
function findTIME()
{
if (init==0) {
dateObj = new Date();
startTIME();
init=1;
}
else
{
if(show==true) {
show=false;
}
else
{
show=true;
}
}
}
</script>
<asp:TextBoxrunat="server"ID="clock"Text="00:00:00.00"Width="174px"Height="35px"></asp:TextBox>
<inputname="clearer"type="button"value="Reset"onclick="clearALL()">
<inputname="starter"type="button"value="Start/Pause"onclick="findTIME();"
inputname="marker" type="button"value="SET"onclick="addMEM()">