首頁  >  問答  >  主體

javascript - 請問w3c裡面這個js案例,我用window.onload來寫怎麼點擊結束按鈕之後,再點擊開始,從0計數

<!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開始。

PHPzPHPz2712 天前961

全部回覆(4)我來回復

  • 滿天的星座

    滿天的星座2017-05-16 13:28:00

    雷雷

    回覆
    0
  • 怪我咯

    怪我咯2017-05-16 13:28:00

    點擊結束重加載一下頁面啊!

    回覆
    0
  • 给我你的怀抱

    给我你的怀抱2017-05-16 13:28:00

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

    雷雷

    }

    回覆
    0
  • PHP中文网

    PHP中文网2017-05-16 13:28:00

    把var a = 0;放到obtn1.onclick這個函數裡宣告就好了

    回覆
    0
  • 取消回覆