循环用于推荐的功能：jquery答案

【问题标题】：Loop the function for testimonials: jquery循环用于推荐的功能：jquery
【发布时间】：2015-08-20 05:12:04
【问题描述】：

如果它到达末尾，有人可以帮助我如何循环这个以再次加载。我试过使用.promise() 和.done()。

但我仍然很难循环它，它会使浏览器崩溃。提前致谢！

这是我的 HTML 代码：

<ul>
<li class="testi"><img src = "http://dummyimage.com/120x90/f00/fff.png&text=my+image" />
    </li>
    <li class="testi"><img src = "http://dummyimage.com/120x90/0f0/fff.png&text=my+image" />
    </li>
    <li class="testi"><img src = "http://dummyimage.com/120x90/00f/fff.png&text=my+image" />
    </li>
    <li class="testi"><img src = "http://dummyimage.com/120x90/ff0/fff.png&text=my+image" />
    </li>
    <li class="testi"><img src = "http://dummyimage.com/120x90/0ff/fff.png&text=my+image" />
    </li>
</ul>

这是我的脚本：

function testi() {
 $(".testi").each(function(index) {
        $(this).hide();
        $(this).delay(5000 * index).fadeIn(5000).fadeOut();
    });
}
testi();

【问题讨论】：

你是如何使用承诺/完成的

标签： javascript jquery html css loops

【解决方案1】：

试试

function testi() {
  $(".testi").hide().each(function(index) {
    $(this).delay(2000 * index).fadeIn(2000).fadeOut();
  }).promise().done(testi);
}
testi();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<ul>
  <li class="testi">
    <img src="http://dummyimage.com/120x90/f00/fff.png&text=my+image" />
  </li>
  <li class="testi">
    <img src="http://dummyimage.com/120x90/0f0/fff.png&text=my+image" />
  </li>
  <li class="testi">
    <img src="http://dummyimage.com/120x90/00f/fff.png&text=my+image" />
  </li>
  <li class="testi">
    <img src="http://dummyimage.com/120x90/ff0/fff.png&text=my+image" />
  </li>
  <li class="testi">
    <img src="http://dummyimage.com/120x90/0ff/fff.png&text=my+image" />
  </li>
</ul>

【讨论】：

【解决方案2】：

试试这个：

function testi() {
 $(".testi").each(function(index) {
        $(this).hide();
        $(this).delay(5000 * index).fadeIn(5000).fadeOut();
    });
   setInterval(testi, 5000);
}

【讨论】：