簡單的計數器

簡單的計時器

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

        <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>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章