JS简单的按钮秒表计时器1


<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 );
            }

            //开始
            btnStart.onclick = function () {
                timeR = setInterval(timer, 10)
            };

            //暂停
            btnPause.onclick = function () {
                clearInterval(timeR);
            };

            //复位
            btnReset.onclick = function () {
                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>
<input type="button" value="开始">
<input type="button" value="暂停">
<input type="button" value="复位">
body>
html>

你可能感兴趣的:(JS简单的按钮秒表计时器1)