Question

我需要改进我的代码Jquery，页面有时会崩溃浏览器我不知道为什么并且加载缓慢

  $(document).ready(function () {
                                   anim();
                        });

                        function anim() {
                                  $("#BS1").fadeOut("slow").delay(290).fadeIn("slow");
                                  $("#BS2").fadeIn("slow").delay(320).fadeOut("slow");
                                  $("#BS3").fadeOut("slow").delay(180).fadeIn("slow");
                                  $("#BS4").fadeIn("slow").delay(380).fadeOut("slow");
                                  $("#BS5").fadeIn("slow").delay(200).fadeOut("slow");
                                  $("#BS6").fadeIn("slow").delay(600).fadeOut("slow");
                                  $("#BS7").fadeOut("slow").delay(320).fadeIn("slow");
                                  $("#BS8").fadeIn("slow").delay(150).fadeOut("slow");
                                  $("#BS9").fadeOut("slow").delay(360).fadeIn("slow");
                                  $("#BS10").fadeIn("slow").delay(185).fadeOut("slow");
                                  $("#BS11").fadeIn("slow").delay(150).fadeOut("slow");
                                  $("#BS12").fadeOut("slow").delay(360).fadeIn("slow");
                                  $("#BS13").fadeIn("slow").delay(175).fadeOut("slow");
                                  $("#BS14").fadeOut("slow").delay(250).fadeIn("slow");
                                  anim();
                        }

Answer 1

您在anim()内呼叫anim()。

从功能底部删除anim()。

function anim() {
   $("#BS1").fadeOut("slow").delay(290).fadeIn("slow");
   $("#BS2").fadeIn("slow").delay(320).fadeOut("slow");
   $("#BS3").fadeOut("slow").delay(180).fadeIn("slow");
   $("#BS4").fadeIn("slow").delay(380).fadeOut("slow");
   $("#BS5").fadeIn("slow").delay(200).fadeOut("slow");
   $("#BS6").fadeIn("slow").delay(600).fadeOut("slow");
   $("#BS7").fadeOut("slow").delay(320).fadeIn("slow");
   $("#BS8").fadeIn("slow").delay(150).fadeOut("slow");
   $("#BS9").fadeOut("slow").delay(360).fadeIn("slow");
   $("#BS10").fadeIn("slow").delay(185).fadeOut("slow");
   $("#BS11").fadeIn("slow").delay(150).fadeOut("slow");
   $("#BS12").fadeOut("slow").delay(360).fadeIn("slow");
   $("#BS13").fadeIn("slow").delay(175).fadeOut("slow");
   $("#BS14").fadeOut("slow").delay(250).fadeIn("slow");
}

如果您想重复它，请尝试按照建议将其放入回调中。它看起来像这样。

$("#BS6").fadeIn("slow").delay(600).fadeOut("slow", anim)

我需要改进我的代码Jquery

1 个答案: