您现在的位置:首页 >> 前端 >> 内容

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

时间:2017/10/12 8:22:00 点击:

  核心提示:这里实现了计时器的开始与暂停的相关操作 scriptvar i = 0;var start;window.onload = function(){document.getElementById(red...
这里实现了计时器的开始与暂停的相关操作
 <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>
    <p id="display"></p>
    <button id="red">掀起你的盖头来~~~~~</button>
    <button id="mom">啊,妈呀!!!</button>
</body>

 

作者:网络 来源:代码小菜鸟