简单计时器

最新推荐文章于 2022-12-25 12:42:43 发布

XianYuZong

最新推荐文章于 2022-12-25 12:42:43 发布

阅读量196

点赞数

分类专栏：初学者

本文链接：https://blog.csdn.net/XianYuZong/article/details/78189613

版权

初学者专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <script>

            var i = 0;
            var start;

            window.onload = function(){

                document.getElementById("btn").onclick = function(){


                    start = setInterval("addTime()",1000);

                }


                document.getElementById("clo").onclick = function(){


                    clearInterval(start);
                }


            }


            function addTime(){

                i++;

                document.getElementById("show").innerHTML = i;

            }


        </script>

    </head>
    <body>

        <div id="show"></div>

        <button id="btn">计时开始</button>
        <button id="clo">计时终止</button>

    </body>
</html>

这里写图片描述

XianYuZong

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
简单计时器

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <script> var i = 0; var start; window.onload = function(){
复制链接

扫一扫