• 技术文章 >web前端 >js教程

    计时器的简单应用方法

    一个新手一个新手2017-10-11 09:17:19原创534
    这里实现了计时器的开始与暂停的相关操作

        <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>

    以上就是计时器的简单应用方法 的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:计时器 方法 简单
    上一篇:window.onload的使用方法 下一篇:jstl中<c:if >和<c:choose>有哪些区别
    大前端线上培训班

    相关文章推荐

    • 手把手教你使用工具切换 node 版本• javascript如何获取当前方法名• javascript怎么设置p的值• JavaScript中数组如何遍历• javascript怎么取消点击事件

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网