jquery - 当我在浏览器中转到另一个窗口时，Jquery 函数的时间会发生变化

Question

我有一系列功能在这个小提琴中以特定的时间脉动

http://jsfiddle.net/upBdw/8/

当你运行它时，你可以看到它是从上到中到下的。打开另一个窗口并尝试在另一个窗口中打开小提琴时浏览不同的网页几秒钟。当你回到小提琴时，你会看到时间已经改变了。这是什么原因造成的？我一生都无法弄清楚发生了什么。

脉冲的代码可以在这里找到

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);    


};

Answer 1

The problem arises because setTimeOut function does not work when the tab is not active. 尝试使用上一个动画的回调来触发另一个。