清除在[重复]之前设置的间隔

Question

http://jsfiddle.net/x5MY8/2/

HTML

<div id="easy">easy</div>
<div id="hard">hard</div>

JS

function test(mode) {
    var asd = this;
    this.mode = mode;
    setInterval(function () {
        alert(asd.mode);
    }, 1000);
}

$(document).ready(function () {

    $('#easy').on('click', function () {

        var stuff = new test('easy');


    });
    $('#hard').on('click', function () {

        var stuff = new test('hard');


    });

});

按下easy 按钮后，会启动一个事件，每秒都会轻松发出警报。如果我之后按hard，它将启动另一个事件，它会提醒easy, hard, easy, hard..，但我希望它只提醒当时按下的内容，所以我必须以某种方式清除之前的间隔。我怎样才能做到这一点？不知何故，当按下另一个对象上的按钮时，我需要调用clearInterval，但我真的不知道该怎么做。

Answer 1

http://jsfiddle.net/x5MY8/3/

你需要像这样存储和清除间隔

var interval;

function test(mode) {

    var asd = this;
    this.mode = mode;

    if (interval) {
        clearInterval(interval);
    }

    interval = setInterval(function () {
        alert(asd.mode);
    }, 1000);
}

Answer 2

将其存储在变量中：

var interval = setInterval(function(){
//your code
},1000);

现在，您可以使用 clearInterval 清除：

clearInterval(interval);

Answer 3

每次点击时清除值

 var clear=0;

    function test(mode) {
        var asd = this;
        this.mode = mode;
        clear=setInterval(function () {
            alert(asd.mode);
        }, 1000);
    }

    $(document).ready(function () {

        $('#easy').on('click', function () {
    clearInterval(clear); 
            var stuff = new test('easy');


        });
        $('#hard').on('click', function () {
       clearInterval(clear); 
            var stuff = new test('hard');


        });

    });