计时器的简单应用

最新推荐文章于 2025-06-06 00:15:00 发布

原创最新推荐文章于 2025-06-06 00:15:00 发布 · 572 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#应用

本文介绍了一个简单的网页计时器的实现方法，通过使用JavaScript的setInterval与clearInterval函数来控制计时器的启动与暂停。用户可以通过按钮触发计时器的开始与停止。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

    这里实现了计时器的开始与暂停的相关操作

    <script>

        var i = 0;
        var start;
        window.onload = function(){
            document.getElementById("red").onclick = function(){
                start = window.setInterval("time()",1000);//计时器

            }


            document.getElementById("mom").onclick = function(){
                window.clearInterval(start);
            }

        }
        function time(){
                i++;
                document.getElementById("display").innerHTML = i;
            }

    </script>
</head>
<body>
    <div id="display"></div>
    <button id="red">掀起你的盖头来~~~~~</button>
    <button id="mom">啊，妈呀！！！</button>
</body>