複選框和SetInterval

Question

問題是這樣的： 當您打開復選框時，打開計時器，關閉複選框並關閉計時器。我試過了，但沒有嘗試。

 $('#apply').click(function() { 


    if ($('#autoupdate').prop("checked")) { 

      var timerId = setInterval(function() { 
       $.ajax({ 
        type: "post", 
        url: "1.php", 
        cache: false, 
        success: function (html) { 
         $("#result").html(html); 
        } 
       }); 
      }, 1000); 

    } else {clearInterval(timerId);} 

    }); 


Autoupdate: <input type="checkbox" id="autoupdate"> 
<input id="apply" type="submit" value="Apply"> 
<div id="result"></div> 

Answer 1

你必須在外部聲明變量。像

var timerId = 0; 

，然後把你的代碼

var timerId= 0; 
$('#apply').click(function() { 


    if ($('#autoupdate').prop("checked")) { 

      timerId = setInterval(function() { 
       $.ajax({ 
        type: "post", 
        url: "1.php", 
        cache: false, 
        success: function (html) { 
         $("#result").html(html); 
        } 
       }); 
      }, 1000); 

    } else {clearInterval(timerId);} 

}); 

因爲如果它聲明裏面if然後訪問變量的timerId從別的是不可能的，導致其不確定。