setInterval Javascript MVC2

Question

我正在嘗試使用setInterval來計算剩余時間，這是我的腳本：

 var intervalID;
        function StartTimer() {
            var intervalID = setInterval(function () {
                var settimmer = 100; //  $('#timeleft').val();
                var seconds = 0;
                seconds++;
                if (seconds >= 60) {
                    settimmer--;
                    seconds = 0;
                    $('#timeleft').val(settimmer);
                }
            }, 1000);
        }
        function StopTimer() {
            clearInterval(intervalID);
        }

<input type="text" size="8" id="timeleft" name="timeleft" value="100" />
    <button onclick="StartTimer();">
        start</button>
    <button onclick="StopTimer();">
        Stop</button>

我無法工作，但是當我使用以下腳本時，它可以工作，但不知道如何停止它：

  var settimmer = 100;
   var seconds = 0;
    $(function () {

            window.setInterval(function () {
                seconds++;
                if (seconds >= 60) {
                    settimmer--;
                    seconds = 0;
                    $('#timeleft').val(settimmer);
                }

            }, 1000);

    });

提前致謝。

Answer 1

您在StartTimer()函數中重新聲明intervalID ，然后刪除var 。

Answer 2

問題是變量的范圍。 您在函數StartTimer中重新聲明了intervalID，它將覆蓋全局變量'intervalID'，僅在此函數中使用。 實際上，外面的變量“ intervalID”沒有值。 因此，當您使用clearInterval（intervalID）時，它肯定不起作用。