什么是循环定时jQuery函数的最佳实践

Question

当我使用jQuery进行循环时，我真的很困惑如何传递值并重新开始。

我的项目是一个“简单”的证明旋转器。

<div id="testimonials"> 
    <div class="testimonial"> 
     <p>You're great!</p> 
    </div> 
    <div class="testimonial"> 
     <p>Thanks a lot!</p> 
    </div> 
    <div class="testimonial"> 
     <p>Rock on!</p> 
    </div> 
</div> 
<script> 
    jQuery(function ($) { 
     $(document).ready(function() { 
      function fade() { 
       $('.testimonial').hide(); 
       var t = $('.testimonial').length; 
       alert(t); 
       for(var i = 1; i <= t; i++){ 
        function slideit(){ 
         var i = i; 
         $('.testimonial.nth-child(' + i + ')').show('slow'); 
         $('.testimonial.nth-child(' + i + ')').hide('slow').delay(2000); 
        } 
        slideit(); 
       } 
      } 
      fade(); 
     }); 
    }); 
</script> 

现在，我卡住了。指针克服驼峰？

Answer 1

最好的办法是使用setInterval()

var i = 0, // index of element to show 
    t = $('.testimonial'), // elements 
    max = t.length; // max elements 
function fade() { 
    t.eq(i).show('slow'); // we show current element 
    t.not(':eq('+i+')').hide('slow'); // we hide others 
    if(++i >= max) i=0; // we increment index and if we go over max, we reset index 
} 
window.setInterval(fade,3000); // we call fade every 3 seconds 

http://jsfiddle.net/zf5Wb/

Answer 2

正如Shikiryu建议。

变化从

$('.testimonial.nth-child[' + i + ']')

代码

$('.testimonial:nth-child(' + i + ')')