clearInterval不起作用

Question

我正在尝试创建一个简单的倒数计时器。 它从输入的数字开始倒数。

但是，我试图清除计数器变为0的时间间隔。 目前，它似乎确认了if statement ，但还没有确认clearInterval() 。

http://jsfiddle.net/tmyie/cf3Hd/

$('.click').click(function () {
    $('input').empty();
    var rawAmount = $('input').val();
    var cleanAmount = parseInt(rawAmount) + 1;

    var timer = function () {

        cleanAmount--;

        if (cleanAmount == 0) {

            clearInterval(timer);
        }
        $('p').text(cleanAmount);
    };

    setInterval(timer, 500);

})

Answer 1

您没有保存对setInterval的调用的返回值，这是需要传递给clearInterval 。 传递计时器处理程序没有好处。

var timer, timerHandler = function () {

    cleanAmount--;

    if (cleanAmount == 0) {

        clearInterval(timer);
    }
    $('p').text(cleanAmount);
};

timer = setInterval(timerHandler, 500);