通过setInterval和clearInterval实现的计时效果

最新推荐文章于 2024-10-15 19:03:52 发布

明天早晨喝牛奶

最新推荐文章于 2024-10-15 19:03:52 发布

阅读量490

点赞数

分类专栏： js事件集中营效果片段集合

本文链接：https://blog.youkuaiyun.com/qq_40289292/article/details/78226383

版权

效果片段集合同时被 2 个专栏收录

17 篇文章

订阅专栏

js事件集中营

11 篇文章

订阅专栏


<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <script>
        var i=0;
        var start;
        window.onload=function(){
            document.getElementById("b").onclick=function(){

                start=setInterval(function(){
                i++;
                document.getElementById("a").innerHTML=i;
            },1000);
            }
            document.getElementById("c").onclick=function(){
                clearInterval(start);
            }

        }
    </script>
    <body>
        <div id="a">

        </div>
        <button id="b">开始计时</button>
        <button id="c">停止计时</button>
    </body>
</html>