Count Up and Down

[Total: 0    Average: 0/5]

Here, you can use stopwatch functions to count up and down – separately or together at once.

Head Code:

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var up,down;var min1,sec1;var cmin1,csec1,cmin2,csec2;
function Minutes(data) {
for(var i=0;i<data.length;i++) 
if(data.substring(i,i+1)==":") 
break;  
return(data.substring(0,i)); 
}
function Seconds(data) {        
for(var i=0;i<data.length;i++) 
if(data.substring(i,i+1)==":") 
break;  
return(data.substring(i+1,data.length)); 
}
function Display(min,sec) {     
var disp;       
if(min<=9) disp=" 0";   
else disp=" ";  
disp+=min+":";  
if(sec<=9) disp+="0"+sec;       
else disp+=sec; 
return(disp); 
}
function Up() { 
cmin1=0;        
csec1=0;        
min1=0+Minutes(document.sw.beg1.value); 
sec1=0+Seconds(document.sw.beg1.value); 
UpRepeat(); 
}
function UpRepeat() {   
csec1++;        
if(csec1==60) {
csec1=0; cmin1++; 
}
document.sw.disp1.value=Display(cmin1,csec1);   
if((cmin1==min1)&&(csec1==sec1)) 
alert("Stopwatch Stopped");     
else up=setTimeout("UpRepeat()",1000); 
}
function Down() {       
cmin2=1*Minutes(document.sw.beg2.value);        
csec2=0+Seconds(document.sw.beg2.value);        
DownRepeat(); 
}
function DownRepeat() { 
csec2--;        
if(csec2==-1) { 
csec2=59; cmin2--; 
}       
document.sw.disp2.value=Display(cmin2,csec2);   
if((cmin2==0)&&(csec2==0)) 
alert("Countdown Stopped");     
else down=setTimeout("DownRepeat()",1000); 
}
// End -->
</SCRIPT>

Body Code:

<CENTER>
<FORM name="sw">
<TABLE border="0" width="100%">
<tr align="center">
<td><table border="3" width="100%"><tr>
<th colspan="2">Stopwatch</th></tr>
<tr align="center">
<td>Stop at<br>
<input type="text" name="beg1" size="7" value="0:10"></td>
<td><input type="button" value="Start" onclick="Up()"></td>
</tr>
<tr align="center"><td colspan="2">
<input type="text" name="disp1" size="7"></td></tr></table></td>
<td>
<input type="button" value="Start Both" onclick="Up();Down()">
</td>
<td>
<table border="3" width="100%">
<tr align="center">
<td>Start at<br><input type="text" name="beg2" size="7" value="0:10"></td>                   <td><input type="button" value="Start" onclick="Down()"></td>
</tr>
<tr align="center"><td colspan="2">
<input type="text" name="disp2" size="7"></td></tr></table></td></tr>
</TABLE>
</FORM>
</CENTER>

Times Viewed: 1

Leave a Reply

Your email address will not be published. Required fields are marked *