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和重複動畫

回答

相關問題