jQuery动画排队 - 停止（）无法正常工作

Question

我遇到了一段动画效果编码问题（从下拉列表和持续时间中选择）。动画继续排队并运行。我已尝试.stop() - 所有设置clearQueue()，finish()，removeAttr('style')，似乎没有任何设置（removeAttr无法帮助我可以采用任何一种方式，因为动画通过课堂变化和风格来发挥。）

这是我目前的代码：

var time = 2000;
$('.view-tab').click(function() {

if ($('.time').val() == '2') {
    time = 2000;
} else if ($('.time').val() == '5') {
    time = 5000;
} else if ($('.time').val() == '10') {
    time = 10000;
} else if ($('.time').val() == '7') {
    time = 7000;
};

if ($('.effect').val() == 'rightleft') {
    setInterval(function () { 
        $('#viewer-slider_content .slider').stop(true, true).animate({right: "500px"}, "slow", function () {
            $('#viewer-slider_content .slider .tab-content:first-child').appendTo('#viewer-slider_content .slider');
            $('#viewer-slider_content .slider .tab-content:first-child').addClass('current');
            $('#viewer-slider_content .slider .tab-content:last-child').removeClass('current');
            $('#viewer-slider_content .slider').css('right', '0');
            $(this).removeAttr('style');
        });
    }, time).removeAttr('style');
} else if ($('.effect').val() == 'leftright') {
    setInterval(function () { 
        $('#viewer-slider_content .slider').stop(true, true).animate({left: "500px"}, "slow", function () {
            $('#viewer-slider_content .slider .tab-content:first-child').appendTo('#viewer-slider_content .slider');
            $('#viewer-slider_content .slider .tab-content:first-child').addClass('current');
            $('#viewer-slider_content .slider .tab-content:last-child').removeClass('current');
            $('#viewer-slider_content .slider').css('left', '0');
            $(this).removeAttr('style');
        });
    }, time);
} else if ($('.effect').val() == 'fade') {
    setInterval(function () { 
        $('#viewer-slider_content .slider').stop(true, true).animate({opacity: "0"}, "slow", function () {
            $('#viewer-slider_content .slider .tab-content:first-child').appendTo('#viewer-slider_content .slider');
            $('#viewer-slider_content .slider .tab-content:first-child').addClass('current');
            $('#viewer-slider_content .slider .tab-content:last-child').removeClass('current');
            $('#viewer-slider_content .slider').css('opacity', '1');
            $(this).removeAttr('style');
        });
    }, time);
} else if ($('.effect').val() == 'topbottom') {
    setInterval(function () { 
        $('#viewer-slider_content .slider').stop(true).animate({top: "500px"}, "slow", function () {
            $('#viewer-slider_content .slider .tab-content:first-child').appendTo('#viewer-slider_content .slider');
            $('#viewer-slider_content .slider .tab-content:first-child').addClass('current');
            $('#viewer-slider_content .slider .tab-content:last-child').removeClass('current');
            $('#viewer-slider_content .slider').css('top', '0');
            $(this).removeAttr('style');
        });
    }, time);
} else if ($('.effect').val() == 'bottomtop') {
    setInterval(function () { 
        $('#viewer-slider_content .slider').stop(true).animate({bottom: "500px"}, "slow", function () {
            $('#viewer-slider_content .slider .tab-content:first-child').appendTo('#viewer-slider_content .slider');
            $('#viewer-slider_content .slider .tab-content:first-child').addClass('current');
            $('#viewer-slider_content .slider .tab-content:last-child').removeClass('current');
            $('#viewer-slider_content .slider').css('bottom', '0');
            $(this).removeAttr('style');
        });
    }, time);
}});

如果有人能帮助我，我将不胜感激。