如何无限重复jQuery动画

如何使此动画无限重复：

$(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 () {
});
});

---

将其全部包装在

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

---

将其全部包装在

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

从

每次都将添加已定义的 函数（fn）作为要运行的定时事件 在给定的时间间隔（间隔） 对于给定的次数（次）。 如果时间设置为0，则 调用该方法的次数为 无限的同时，还为该对象设置了一个标签 给定时事件 提供的字符串（标签）或 区间的字符串表示形式 假如此外，间隔 可以使用以下字符串定义 作为“3s”，持续3秒

从

每次都将添加已定义的 函数（fn）作为要运行的定时事件 在给定的时间间隔（间隔） 对于给定的次数（次）。 如果时间设置为0，则 调用该方法的次数为 无限的同时，还为该对象设置了一个标签 给定时事件 提供的字符串（标签）或 区间的字符串表示形式 假如此外，间隔 可以使用以下字符串定义 作为“3s”，持续3秒

---

这似乎是jQuery，但如果您指定，则会有所帮助。这似乎是jQuery，但如果您指定，则会有所帮助。这将以5秒的延迟启动动画，但不会重复。是不是我遗漏了什么，然后又重复了一遍。每隔5秒我一定是做错了什么，对我来说它不会重复：@Stucky，你能把它放进小提琴里让我玩吗？这是以5秒的延迟开始动画，但不会重复。是不是我遗漏了什么，然后又重复了一遍。每隔5秒钟我一定是做错了什么，对我来说它不会重复：@Stucky，你能把它放进小提琴里让我玩吗？