Question

如何让这个动画无限重复：

$(window).load(function () {

$("#ani-image").fadeIn(600, function () {
$("#ani-bluescreen").fadeIn(300);
$("#ani-text").fadeIn(300);
$("#ani-text").animate({ marginLeft: "400px",}, 400 );  
});  

var delay = 5000;

$("#ani-bg").delay(delay).fadeIn(1000, function () {
$("#ani-image-2").fadeIn(300); 
$("#ani-bluescreen-2").fadeIn(300); 
$("#ani-text-2").fadeIn(300);
$("#ani-text-2").animate({ marginLeft: "400px",}, 400 );
});

var delay = 10000;

$("#ani-bg-2").delay(delay).fadeIn(1000, function () {
$("#ani-image-3").fadeIn(300);
$("#ani-bluescreen-3").fadeIn(300);       
$("#ani-text-3").fadeIn(300);
$("#ani-text-3").animate({ marginLeft: "400px",}, 400 );
});

var delay = 15000;

$("#ani-bg-3").delay(delay).fadeIn(1000, function () {
});
});

Answer 1

来自http://plugins.jquery.com/project/timers

everyTime(interval : Integer | String, [label = interval : String], fn : Function, [times = 0 : Integer])

everyTime将添加已定义的 function（fn）作为要运行的定时事件在给定的时间间隔（间隔）给定次数（次）。如果次数设置为0，则数量为调用方法的次数是无界。还为该标签设置了标签给定时事件要么提供字符串（标签）或区间的字符串表示提供。另外，间隔可以通过使用字符串来定义作为“3s”3秒钟。

Answer 2

将所有内容全部包含在setInterval：

中

setInterval(function () {
  $("#ani-image").fadeIn(600, function () {
    $("#ani-bluescreen").fadeIn(300);
    $("#ani-text").fadeIn(300);
    $("#ani-text").animate({
      marginLeft: "400px",
    }, 400);
  });

  var delay = 5000;

  $("#ani-bg").delay(delay).fadeIn(1000, function () {
    $("#ani-image-2").fadeIn(300);
    $("#ani-bluescreen-2").fadeIn(300);
    $("#ani-text-2").fadeIn(300);
    $("#ani-text-2").animate({
      marginLeft: "400px",
    }, 400);
  });

  var delay = 10000;

  $("#ani-bg-2").delay(delay).fadeIn(1000, function () {
    $("#ani-image-3").fadeIn(300);
    $("#ani-bluescreen-3").fadeIn(300);
    $("#ani-text-3").fadeIn(300);
    $("#ani-text-3").animate({
      marginLeft: "400px",
    }, 400);
  });

  var delay = 15000;

  $("#ani-bg-3").delay(delay).fadeIn(1000, function () {});
}, 5000); // 5 seconds

我怎样才能无限重复jQuery动画

2 个答案: