I need to display the time in combo box like the one we have it in
Wndows 2000.
we can change the time using the arrow.. it looks like this:
4:40:54 PM
in a combo box .
i need to do it like his in my page.
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<script type="text/javascript">
var usrHours = 0;
var usrMinutes = 0;
var usrSeconds = 0;
function showTime(h,m,s) {
var now = new Date();
if (
now.getHours() + usrHours + h > 23 ||
now.getHours() + usrHours + h < 0 ||
now.getMinutes() + usrMinutes + m > 59 ||
now.getMinutes() + usrMinutes + m < 0 ||
now.getSeconds() + usrSeconds + s > 59 ||
now.getSeconds() + usrSeconds + s < 0
) {
return false;
}
usrHours+=h;
usrMinutes+=m;
usrSeconds+=s;
var hours = now.getHours() + usrHours;
var minutes = now.getMinutes() + usrMinutes;
var seconds = now.getSeconds() + usrSeconds;
var timeNow = hours;
if (hours >= 12) {
timeNow -= 12;
var ext = 'PM';
}
else {
var ext = 'AM';
}
timeNow += ((minutes < 10) ? ':0' : ':') + minutes;
timeNow += ((seconds < 10) ? ':0' : ':') + seconds;
timeNow += ' ' + ext ;
document.f.myCombo.value = timeNow;
setTimeout('showTime(0,0,0)', 1000);
}
</script>
</head>
<body onLoad="showTime(0,0,0);">
<form name="f">
<input size="13" name="myCombo">
</form>
<br>
<input type="button" value="hrs++" onClick="showTime(1,0,0);">
<input type="button" value="hrs--" onClick="showTime(-1,0,0);">
<input type="button" value="min++" onClick="showTime(0,1,0);">
<input type="button" value="min--" onClick="showTime(0,-1,0);">
<input type="button" value="sec++" onClick="showTime(0,0,1);">
<input type="button" value="sec--" onClick="showTime(0,0,-1);">
<input type="button" value="Reset"
onClick="usrHours=usrMinutes=usrSeconds=0; showTime(0,0,0);">
<hr>
Max value of seconds and minutes is 59.<br>
Min value of seconds and minutes is 0.<br>
Max value of hours is 11 PM.<br>
Min value of hours is 0 AM.
</body>
</html>
Hope this helps,