我如何在jQuery中永遠運行.animate函數？

$(this).css("left","100px"); 

function endless(){ 
    $(this).animate({ 
     left:'-=100px', 
    },{ 
     easing: "linear", 
    duration: 5000, 
    complete: function() { 
     $(this).css('left','100px'); 
    endless(); 
     } 
    }); 
}; 
endless();

這是我試過的，但使用這種方法我不能讓東西移動。 Im'使用jQuery 1.3.2。有何建議？我如何在jQuery中永遠運行.animate函數？

來源

2009-07-30 Julian Weimer

你有參數動畫錯誤。它不需要選項散列，只是用於緩存，持續時間和回調的實際選項。另外，使用this時需要注意。最好把它作爲參數傳遞給無盡的函數。

$(this).css("left","100px"); 

function endless(elem){ 
    $(elem).animate(
     { left:'-=100px' }, 
     "linear", 
     5000, 
     function() { 
      $(elem).css('left','100px'); 
      endless(elem); 
     } 
    ); 
}; 
endless(this);

來源

2009-07-30 12:38:46 tvanfosson

您需要在回調中調用endless（）。

function endless(item) { 
    $(item).animate({"left": "-=100px"}, 5000, "linear", function(){ 
    $(item).css("left","100px"); 
    endless(item); 
    }); 
} 

endless($(".myBox"));

來源

2009-07-30 12:37:18 Sampson

你需要有選到想要的動畫元素，以取代$(this)。

來源

2009-07-30 12:37:43 RaYell

太棒了！這正是我所尋找的，但現在，

我終於想出如何切換它。用下面的函數，調用無盡（0）停止，無盡（1）啓用動畫循環。

//loop animation forever 
//args: takes 1 to loop, 0 to stop 
function endless(loop) 
{ 
    //animate forever 
    if (loop==1) 
    { 
$('#alink').animate(
    {'opacity':'toggle'}, 
    1000, 
    function() { endless(1) } 
); 
    } 
    //stop animation 
    else 
    { 
$('#alink').css('opacity',1).stop(); 
    } 

}; 


//sample call 
$('#alink').toggle(function(){ endless(1) },function(){ endless(0) });

thanx for initial code！

來源

2010-07-09 23:49:13 pit

我如何在jQuery中永遠運行.animate函數？

回答

相關問題