javascript两种时间暂停

来源:互联网 发布:网络大电影演员 编辑:程序博客网 时间:2024/06/08 06:01
javascript两种时间暂停
 1.计时开始后,点击暂停,再次点击开始计时时,是接着暂停前的数据进行累加
<body>
    <script type="text/javascript">
       var c = 0;
        var t;
        function fun2() {
            document.getElementById('demo').value = c
            c += 1
            t = setTimeout("fun2()", 1000)
            
        }
        function stop() {
           clearTimeout(t)
        }
        
    </script>
     <form>
         
         <input type="button" value="计时开始" onclick="fun2()" />
         <input type="text" id="demo" />
         <input type="button" value="stop" onclick="stop()" />
         
     </form>
    
</body>
2.点击暂停后,数据暂停,再次点击开始,数据从0开始计时
<body>
    <script type="text/javascript">
        
        var c = 0;
        var t;
        function fun2() {
            document.getElementById('demo').value = c
            c += 1
            t = setTimeout("fun2()", 1000)
            
        }
       
        function stop2() {
            c=0
            
            clearTimeout(t)
        }
        
    </script>
     <form>
        
         <input type="button" value="计时开始" onclick="fun2()" />
         <input type="text" id="demo" />
         <input type="button" value="stop2" onclick="stop2()" />
     </form>
    
</body> 
0 0
原创粉丝点击