jQuery和重复动画

我的移动元素为格创建动画，在动画的div OK，问题it's当我尝试使用repit setInterval的jQuery和重复动画

我把我的代码在这里这个动画：

$("#header").fadeIn(100, function() { 
    $(this).animate({ 
     'left': '-1600' 
    }, 8000); 
}); 

var interval = setInterval(function() { 
    $("#header").fadeIn(100, function() { 
     $(this).animate({ 
      'left': '-1600' 
     }, 8000); 
    }); 
}, 10000);

第一次正常工作，但第二次没有工作好，如果我改变位置 - 动画函数 - 显示，但没有反应，我用setInterval其他时间supose其他时间，但没有工作我，howewer我需要使用其他功能，没有setInterval .. ...

Regards

来源

2013-03-23 user2202136

因为你将它移动到-1600每次。不是-3200，-4800，-6400等等。 – 2013-03-23 11:54:31

scrit动画图像需要移动到这个位置，并且从600开始重复同样的动画并移动到-1600 – user2202136 2013-03-23 11:57:50

啊，那可能是因为它永远不会返回到起点在600 :) – 2013-03-23 11:59:15

我相信这是因为它永远不会回到起点。这是一个重复动画的例子。我没有你的HTML或CSS，所以我自己做了。在演示中，它会变成500，所以它不会出现在屏幕之外。

Working Demo

的Javascript：

$(function() { 
    $("#header").fadeIn(100, function() { 
     console.log('go!'); 
     $(this).animate({ 
      'left': '-1600' 
     }, 8000); 
    }); 

    setInterval(function() { 
     $("#header").css('left','0').fadeIn(100, function() { 
      $(this).animate({ 
       'left': '-1600' 
      }, 8000); 
     }); 
    }, 10000); 
});

来源

2013-03-23 12:03:59

好吧，我需要返回动画的第一点，并重新确定，完美，谢谢！ – user2202136 2013-03-23 12:06:43

jQuery和重复动画

回答

相关问题