Start and Stop Counter in javascript
//------------------Add these control in form
<input id="time" value="90:00" type="text" readonly="readonly" />
<input type="button" name="" value="Start" onmouseup="zxcStartTime('time',true);" />
<input type="button" name="" value="Stop" onmouseup="zxcStartTime('time',false);" />
//
//add these script
<script type="text/javascript">
/*<![CDATA]*/
function zxcStartTime(id, srt) {
var obj = document.getElementById(id), ms = obj.value.split(/\W/);
if (zxcStartTime[id]) {
clearTimeout(zxcStartTime[id].to);
}
if (srt && isFinite(ms[0]) && isFinite(ms[1])) {
zxcStartTime[id] = {
obj: obj,
srt: new Date(),
time: ms[0] * 60 + ms[1] * 1
}
zxcTick(zxcStartTime[id]);
}
}
function zxcTick(o) {
var now = Math.floor(o.time - (new Date() - o.srt) / 1000);
if (now >= 0) {
o.obj.value = zxcNu(Math.floor(now / 60)) + ':' + zxcNu(now % 60);
o.to = setTimeout(function () { zxcTick(o); }, 1000)
} else {
}
}
function zxcNu(nu) {
return (nu > 9 ? '' : '0') + nu;
}
/*]]>*/
</script>
Comments
Post a Comment