この JSFiddle にパルスアニメーションがあります
単独で使用すると、問題なく動作します。私が抱えている問題は、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 秒間隔で問題が発生しているように感じます。パルスを繰り返す必要があるので、そこに必要です。
この問題の原因は何だと思いますか?どうすれば修正できますか?