JS简单键盘按键秒表计时器3

来源:互联网 发布:淘宝买车怎么买 编辑:程序博客网 时间:2024/05/21 18:40
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>秒表计时器</title>    <script>        window.onload = function () {            var timeS = document.getElementsByTagName("p")[0];            var btnStart = document.getElementsByTagName("input")[0];            var btnPause = document.getElementsByTagName("input")[1];            var btnReset = document.getElementsByTagName("input")[2];            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.onkeypress = function (eve) {                clearInterval(timeR);                var e = eve || window.event;                var s = 115;                var p = 112;                var r = 114;                if (e.charCode == s) {                    //s开始                    timeR = setInterval(timer, 10);                } else if (e.charCode == p) {                    //p暂停                    clearInterval(timeR);                } else if (e.charCode == r) {                    //r复位                    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
原创粉丝点击