复选框和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从别的是不可能的，导致其不确定。