javascript - 请问w3c里面这个js案例,我用window.onload来写怎么点击结束按钮之后,再点击开始,从0计数
PHPz
PHPz 2017-05-16 13:26:00
0
4
956
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script>
    window.onload = function() {
            var a = 0;
            obtn1 = document.getElementById("btn1");
            obtn2 = document.getElementById("btn2");
            obtn1.onclick = function() {
                setTimeout(function rec() {
                    document.getElementById("txt").value = a;
                    a = a + 1;
                    x = setTimeout(rec, 1000)
                }, 1000)
            }
            obtn2.onclick = function() {
                var b = 0;
                setTimeout(document.getElementById('txt').value=0, 0); 
                    clearTimeout(x);
                }
            }
    </script>
</head>

<body>
    <input type="text" name="text" id="txt" />
    <input type="button" id="btn1" value="开始计时!" />
    <input type="button" id="btn2" value="结束计时!" />
</body>

</html>

这是我自己学着写的,请问哪里出问题了,点击结束之后,是接着原来的数字计数的,我希望再点击开始的时候,从0开始。

PHPz
PHPz

学习是最好的投资!

全部回复(4)
刘奇

点击结束重加载一下页面啊!

给我你的怀抱

window.onload=function(){
var a = 0;

雷雷

}

Ty80

把var a = 0;放到obtn1.onclick这个函数里声明就好了

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!