用setInterval写单按钮控制时钟

最新推荐文章于 2023-02-16 19:25:26 发布

霉鼓励

最新推荐文章于 2023-02-16 19:25:26 发布

阅读量311

点赞数

本文链接：https://blog.csdn.net/weixin_41411644/article/details/96143685

版权

用setInterval写个单按钮控制时钟

写了个单按钮控制时钟停走的js程序。
其实应该写成计时器比较实用哈，只是随手瞎写写嘿嘿。比较菜别喷哦。。。[/ 笑哭]


<body>
    <input type="button" id="timer" onclick="fun()" value="开始" >    
    <p id="shijian"></p>    
</body>
<script>
var my;
function fun(){
    var x = document.getElementById("timer").value;
    if(x == "开始")
    { 
        my = setInterval(function(){
            var t = new Date();
            document.getElementById("shijian").innerHTML= t;
         }, 1000);
         document.getElementById("timer").value="暂停";       
    }else{
        console.log("8");
        clearTimeout(my);
        document.getElementById("timer").value="开始";
    }

}
</script>