使用JS写秒表

最新推荐文章于 2023-10-12 13:53:00 发布

一个地瓜干

最新推荐文章于 2023-10-12 13:53:00 发布

阅读量180

点赞数

分类专栏： JAVA JavaScript

本文链接：https://blog.youkuaiyun.com/weixin_45065907/article/details/107091196

版权

JAVA 同时被 2 个专栏收录

16 篇文章

订阅专栏

JavaScript

1 篇文章

订阅专栏

/*
写的不太对，还有问题没有解决
*/
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>秒表</title>
</head>
<body>
<input id="myButton" type="button" value="开始" onclick="fun()"><input id="close" type="button" value="暂停" onclick="time_stop()"><br>
<span id="hh">00</span>:<span id="mm">00</span>:<span id="ss">00</span>:<span id="hm">00</span>
<script>
    //毫秒
    let hm_num=0;
    //秒
    let ss_num=0;
    //分
    let mm_num=0;
    //时
    let hh_num=0;  
    let i;
    let hm = document.getElementById("hm");
    let ss = document.getElementById("ss");
    let mm = document.getElementById("mm");
    let hh = document.getElementById("hh");
    let myButton = document.getElementById("myButton");
    function fun() {
         i=setInterval(function () {
             ++hm_num;
            hm.innerText = hm_num;
            if (hm_num == 60) {
                hm_num = 0;
                ++ss_num;
                ss.innerText = ss_num;
                if (ss_num == 60) {
                    ss_num = 0;
                    ++mm_num;
                    mm.innerText = mm_num;
                    if (mm_num == 60) {
                        mm_num = 0;
                        ++hh_num;
                        hh.innerText =hh_num;
                    }
                }
            }
        }, 1);
        myButton.disabled = true;
    }
    function time_stop() {
        clearInterval(i);
        myButton.disabled = false;
    }
</script>
</body>
</html>