Как зацикливать простую функцию JQuery?

Question

Я пытаюсь сделать что-то очень просто: непрерывно контурное фоновое изображение. Я делаю это через "Background Position Animations" plugin.

Мой текущий код:

$(function skyloop() { 
    $('#header').animate ({backgroundPosition:"(-250 0)"}, {duration:1000}); 
}); 

Мне нужен способ, чтобы вызвать функцию «skyloop» в конце анимации, которое приводит его к петле, но я не могу показаться, чтобы найти путь для этого.

[EDIT] Я прочитал все ответы, и я не могу понять это; ничего не работает. Он просто отказывается бежать снова. Единственное, о чем я могу думать, это то, что проблемы вызваны плагином, когда я изменяю фоновое изображение. Я попытаюсь найти другой способ постоянно перемещать фоновое изображение (кстати, я пытаюсь имитировать небо).

Answer 1

Там есть параметр обратного вызова для одушевленных: http://api.jquery.com/animate/

.animate(properties, [ duration ], [ easing ], [ callback ]) 

EDIT:

Ваша задача в этом случае (а также необходимости обратного вызова) является backgroundPosition:(-250 0), вместо этого следует использовать относительные операторов держите декрементирующую позицию фона, например: backgroundPosition: "-=250".

Answer 2

Вы можете сделать это следующим образом:

function skyloop() { 
    $('#header').animate({backgroundPosition:"(-250 0)"}, 
         {duration:1000}, 
         skyloop); 
} 
$(skyloop); //call it on document.ready to kick it off 

Answer 3

demo

function skyloop() { 
    $('#header').animate ({"background-position":"-=250"}, 1000, skyloop); 
} 

Answer 4

Я думаю, что самый простой способ, чтобы посмотреть на JQuery Таймеры: http://plugins.jquery.com/project/timers

Например EVERYTIME().

Answer 5

$(function(){ 
    var skyloop = function(){ 
     $('#header') 
      .animate({backgroundPosition:"(-250 0)" }, { duration: 1000 }) 
      .queue(skyloop); 
    } 
}); 

queue добавляет функцию, которая срабатывает в конце вашей анимации.

Answer 6

Вам не нужен этот плагин. Используйте более новую версию jQuery, поддерживающую .animate. (1.4.2 является последним)

Метода одушевленного поддерживает функцию обратного вызова, когда текущая анимация завершается ..

Answer 7

setInterval("skyloop()", 1001); 
function skyloop() { 
    $('#header').animate ({backgroundPosition:"(-250 0)"}, {duration:1000}); 
}; 

Answer 8

Хотя это может выглядеть лучше использовать .animate метод для прокрутки фона; вы можете начать видеть высокий уровень использования процессора после его запуска. В зависимости от фонового изображения вы можете проверить jquery-randomised-background-scrolling-effect-tutorial. Вы можете взять изображение неба и прокрутить эту установку.

Но вернемся к вопросу о том, как один из способов справиться с повторным набором JS setInterval должен был сделать трюк. хотя я бы это и написал.

setInterval(function(){ $('#header').animate ({backgroundPosition:"(-250 0)"}, {duration:1000});} , 1000);