Question

我正试图让我的宇宙飞船在对角线上左右飞行，但我不能让它重新设置再次做同样的循环，任何帮助都会很酷。

 $(document).ready(function() {
    setTimeout("spaceship1()",400);
  });

 function spaceship1(){
     $("#spaceship1").animate({
           left:"-=800px", 
           top:"+=800px"
     },2000).animate({
           top:"-800px"
     },0);
     setTimeout("spaceship1()",2000); 
     }
 }

Answer 1

您可以使用动画中的完成功能来安排/开始下一轮动画，并且请不要使用setTimeout()的字符串，请使用实际的函数参考。

您的动画也不会循环回到它开始的位置，所以您必须修复它以使其成为一个完整的循环。如果没有，它将不会返回到它的原始位置。我不确定这是否有意。

$(document).ready(function() {

     function spaceship1() {
         $("#spaceship1").animate({
               left:"-=800px", 
               top:"+=800px"
         },2000).animate({top:"-800px"}, 2000, function() {
             setTimeout(spaceship1, 2000);
         });
     }

     setTimeout(spaceship1, 400);
});

循环对角线动画

1 个答案: