Каковы ваши лучшие практики для циклизации функции 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

Как предложил Шикирю.

Изменить код из

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

в

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