JS简单的鼠标按键秒表计时器2

来源:互联网 发布:sql 查询表的列名 编辑:程序博客网 时间:2024/06/04 23:42
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>秒表计时器</title>    <script>        window.onload = function () {            var timeS = document.getElementsByTagName("p")[0];            var m = 0;            var ss = 0;            var k = 0;            timeS.innerHTML = ((m < 10 ? "0" + m : m ) + ":" + (ss < 10 ? "0" + ss : ss ) + ":" + (k < 10 ? "0" + k : k ));            //时间函数            var timeR;            function timer() {                k++;                if (k == 99) {                    ss += 1;                    k = 0;                }                if (ss == 59) {                    m += 1;                    ss = 0;                }                timeS.innerHTML = (m < 10 ? "0" + m : m ) + ":" + (ss < 10 ? "0" + ss : ss ) + ":" + (k < 10 ? "0" + k : k );            }            document.onmousedown = function (e) {                clearInterval(timeR);                e = e || window.event;                var old;                if (!e) {                    old = true;                }                if (e.button == 0 || old && e.button == 1) {                    //左键开始                    timeR = setInterval(timer, 10)                } else if (e.button == 1 || old && e.button == 4) {                    //滚轮暂停                    clearInterval(timeR);                } else if (e.button == 2 || old && e.button == 2) {                    //右键复位                    clearInterval(timeR);                    m = 0;                    ss = 0;                    k = 0;                    timeS.innerHTML = ((m < 10 ? "0" + m : m ) + ":" + (ss < 10 ? "0" + ss : ss ) + ":" + (k < 10 ? "0" + k : k ));                }            }        }    </script></head><body><div><p></p></div></body></html>
0 0
原创粉丝点击