如何停止setInterval？

Question

<span id="ccc">10</span> <span id="start">start</span> <span id="stop">stop</span> 

$('#start').click(function(){ 
    var c = $('#ccc').text(); 
     var inter = setInterval(function() { 
        c--; 
        $('#ccc').text(c); 
      }, 1000); 
}); 

$('#stop').click(function(){ 
    clearInterval(inter); 
    }); 

我该如何重写正确使用STOP？

LIVE：http://jsfiddle.net/c3hZh/

Answer 1

inter需要在两个功能的范围内。用闭包包装这两个函数，这样就可以避免用新变量污染全局名称空间。

(function ($) { 
    var inter; 

    $('#start').click(function(){ 
    var c; 
    c = parseInt($('#ccc').text()); //make sure you're getting a numeric value 
    //don't forget to clear any existing interval before setting a new one: 
    if (inter) { 
     clearInterval(inter); 
    } 
    inter = setInterval(function() { 
     c--; 
     $('#ccc').text(c); 
    }, 1000); 
    }); 

    $('#stop').click(function() { 
    clearInterval(inter); 
    }); 
}(jQuery)); 

Answer 2

inter是一个局部变量。
它不存在于回调之外。

您需要使用全局变量。

Answer 3

 
var inter = 0; 
$('#start').click(function(){ 
    var c = $('#ccc').text(); 
     inter = setInterval(function() { 
        c--; 
        $('#ccc').text(c); 
      }, 1000); 
}); 

$('#stop').click(function(){ 
    clearInterval(inter); 
    });