1

この JSFiddle にパルスアニメーションがあります

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

単独で使用すると、問題なく動作します。私が抱えている問題は、Web の閲覧を開始したり、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 秒間隔で問題が発生しているように感じます。パルスを繰り返す必要があるので、そこに必要です。

この問題の原因は何だと思いますか?どうすれば修正できますか?

4

1 に答える 1