Работа анимации на таймере при переходе на другую вкладку

function slider_animation(slides_count, slide_elements){    
    setInterval(function(){
        for (var i = 0; i < (slides_count + 1) * slide_elements; i++){
            if ($(slides[i]).position().top == (slides_count - 2) * $("#slider").height()){
                sub_slider_animation(i);
                i += slide_elements - 1;
            } 
            if ($(slides[i]).position().top == (slides_count - 1) * $("#slider").height()){
                sub_slider_animation(i);
                i += slide_elements;
            } 
            if ($(slides[i]).position().top >= (slides_count) * $("#slider").height()){
                $(slides[i]).css({
                    top: "0"
                });
            }
        
        }
 
    }, 5000);
}
 
 
function sub_slider_animation(slide_now){
    var time = 200;
    var counter = 0;
    var timerID = setInterval(function(){
        $(slides[slide_now]).animate({
            top: $(slides[slide_now]).position().top + $("#slider").height()
        });
 
        slide_now++;
        counter++;
        if (counter > 9){
            clearInterval(timerID);
        }
    }, time);
}
все работает нормально до тех пор пока не свернешь окно/переключишься на другую вкладку/изменишь масштаб окна браузера...в чем проблема и как решить?