在计算机Jquery中使用其他函数时，循环更改的时间(Timing for loop changes when using other functions in the computer Jquery)

 我在这个JSFiddle中有一个脉冲动画 
 
 http://jsfiddle.net/upBdw/8/ 
 
 当你自己使用它时，它工作得很好。 我遇到的问题是当我开始浏览网页，打开iTunes或者当窗口仍然打开时你会做的其他事情，脉冲的时间开始波动。 
 
 脉冲的功能是这样的： 
 
function fadeItIn() {

    window.setInterval(function(){

        // Fade Ins
        $('#child4,#child4C').fadeIn(175);
        setTimeout(function () {
            $('#child3,#child3C').fadeIn(175);
        }, 175);
        setTimeout(function () {
            $('#child2,#child2C').fadeIn(175);
        }, 350);
        setTimeout(function () {
            $('#child1,#child1C').fadeIn(175);
        }, 525);
        setTimeout(function () {
            $('#child,#childC').fadeIn(175);
        }, 700);

        // Fade Outs
        setTimeout(function () {
            $('#child,#childC').fadeOut(175);
        }, 875);
        setTimeout(function () {
            $('#child1,#child1C').fadeOut(175);
        }, 1050);
        setTimeout(function () {
            $('#child2,#child2C').fadeOut(175);
        }, 1225);
        setTimeout(function () {
            $('#child3,#child3C').fadeOut(175);
        }, 1400);
        setTimeout(function () {
            $('#child4,#child4C').fadeOut(175);
        }, 1575);  

    }, 3000);   
};
 
 我觉得问题发生在函数内的3秒间隔期间。 我需要脉冲重复，所以我需要它在那里。 
 
 您认为导致此问题的原因是什么？我该如何解决？ 

I have a pulsing animation in this JSFiddle
 
http://jsfiddle.net/upBdw/8/
 
When you use it on its own, it works just fine. The problem I'm having is when I start browsing the web, open iTunes or whatever else you would do while that window is still open, the timings of the pulses start to fluctuate.
 
The function for the pulses is this:
 
function fadeItIn() {

    window.setInterval(function(){

        // Fade Ins
        $('#child4,#child4C').fadeIn(175);
        setTimeout(function () {
            $('#child3,#child3C').fadeIn(175);
        }, 175);
        setTimeout(function () {
            $('#child2,#child2C').fadeIn(175);
        }, 350);
        setTimeout(function () {
            $('#child1,#child1C').fadeIn(175);
        }, 525);
        setTimeout(function () {
            $('#child,#childC').fadeIn(175);
        }, 700);

        // Fade Outs
        setTimeout(function () {
            $('#child,#childC').fadeOut(175);
        }, 875);
        setTimeout(function () {
            $('#child1,#child1C').fadeOut(175);
        }, 1050);
        setTimeout(function () {
            $('#child2,#child2C').fadeOut(175);
        }, 1225);
        setTimeout(function () {
            $('#child3,#child3C').fadeOut(175);
        }, 1400);
        setTimeout(function () {
            $('#child4,#child4C').fadeOut(175);
        }, 1575);  

    }, 3000);   
};
 
I feel like the issue is happening during the 3 second interval within the function. I need the pulses to repeat, so I need it in there.
 
What do you all think is causing this problem and how can I fix it?

原文：https://stackoverflow.com/questions/18326772