频道栏目
首页 > 程序开发 > web前端 > HTML/CSS > 正文
计时器的开始与暂停的相关操作实现
2017-10-12 08: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前端中二级列表、折叠效果实现方法
相关文章
图文推荐

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站