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

Popular posts from this blog

Executing PowerShell scripts from C#

HOW TO Use the NumericUpDown Control

Exposing Agile Software Development Myths