Я немного новичок в js и пытаюсь понять, как остановить запуск этой функции, когда я нажимаю кнопку. Я пытался использовать clearInterval, но не уверен, что делаю это правильно. Может ли кто-нибудь взглянуть на этот код и указать мне правильное направление?

Код:

Stop​

Скрипт:

var arr = [ "one", "two", "three"];

(function timer(counter) {
     var text = arr[counter];

    $('#target').fadeOut(500, function(){ 
        $("#target").empty().append(text).fadeIn(500);
    });

    delete arr[counter];
    arr.push(text);

    setTimeout(function() {
        timer(counter + 1);
    }, 3000);

    $("#stop").click(function () {
       clearInterval(timer);
    });

})(0);

setInterval(timer);

Дж. С. Скрипка:http://jsfiddle.net/58Jv5/13/

Заранее спасибо за вашу помощь.