setInterval和clearInterval

Question

我正在嘗試做簡單的點擊計時器。 但是我做錯了事，我的clearInterval無法正常工作。 進行計數，清除間隔不起作用。

<!DOCTYPE html>
<html lang="en"> 
    <head>
    <script>
    var seconds = 10;
    var clicks = 0;
    var a=0;
    function start()
    {
        a++;
        if(a > 0 && a < 2)
        {
        var interval;
            if(minute == 0)
            {
                clearInterval(interval) 
                a++;
            }
            else
            {
                interval = setInterval(function(){
                seconds--;
                document.getElementById("time").innerHTML = seconds;
                    },1000);
            }
        }

    }


    function goClick()
    {
        if(a==1)
        {
        clicks++;
        document.getElementById("span").innerHTML = clicks;
        }
    }
    </script>
        <meta charset='utf-8'> 
        <title> Try to find </title>
    </head>
    <body>
        <h1 align="center">how many clicks you can do for 10 seconds </h1>
        <button onclick="start();" >start </button> <br />
        <button onclick="goClick();" >click </button> <br />
        <div><p> count : <span id="span"></span> </p></div>
         <br />
        <div><p> time : <span id="time"></span> </p></div>

    </body>
</html>

Answer 1

當前的問題是間隔取消部分被放置在永遠不會運行的位置。 將其放在間隔函數本身中：

var interval = setInterval(function(){
    seconds--;
    document.getElementById("time").innerHTML = seconds;    
    if( seconds === 0 ) {
        clearInterval( interval );
    }
},1000);

setInterval和clearInterval

問題描述

1 個解決方案

解決方案1
4 2013-06-15 18:20:09

setInterval和clearInterval

問題描述

1 個解決方案

解決方案1 4 2013-06-15 18:20:09

解決方案1
4 2013-06-15 18:20:09