站内搜索:
首页 >> 前端 >> 内容
计时器的开始与暂停的相关操作实现

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

这里实现了计时器的开始与暂停的相关操作
 <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>

 

  • 上一篇:html前端中二级列表、折叠效果实现方法
  • 下一篇:倒计时器的编译教程
  • 返回顶部