如何停止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); 
    });