Looping javascript?

Question

Я новичок в js и jquery, и я пытаюсь затухать элементы списка. Im, использующий плагин цикла jQuery (с определениями перехода). Его работа просто прекрасна, однако мне нужно, чтобы это было в петле. Я уверен, что это что-то простое. Однако я не могу найти ответ :(

<script type="text/javascript"> 
function InOut(elem) 
{ 
    elem.delay() 
.fadeIn(400) 
.delay(5000) 
.fadeOut( 
      function(){ InOut(elem.next()); } 
     ) ; 
} 

$(function(){ 
$('#newsticker li').hide(); 
InOut($('#newsticker li:first')); 

}); 
</script> 

Answer 1

$(function(){ 

$('#newsticker li').hide(); 
InOut($('#newsticker li:first')); 

var lengthUl = $('#newsticker').children().length; 
var i = 0 
function InOut(elem) 
{ 
    elem.delay().fadeIn(100).delay(100).fadeOut(function() { 
      i++; 
      InOut(elem.next()); 
      if(i == lengthUl){ 
       InOut($('#newsticker li:first')); 
       i = 0; 
      } 
     } 
    ) ; 
} 
}); 

Просто используйте это как ваш script.

Добавлено js Fiddle Ссылка тоже: Наслаждайтесь!

http://jsfiddle.net/shubham59/xmRqG/1/

Answer 2

Попробуйте это:.

<p id=elem>Here is some text</p> 

<script> 
var iv = setInterval(function() {$("#elem").fadeIn(400).fadeOut(400);},2000); 
</script> 

setInterval будет продолжать выполнение, пока вы не попросите его, чтобы остановить функция будет исчезать и из вашего элемента каждые несколько секунд. . Там в fiddle

Answer 3

Как насчет проверки, если текущий активный элемент списка является последним Если да, то вернитесь к первому, так как:.

if($("li:last").next().length === 0({ 
    $("li:last").fadeOut(); 
    InOut($("#newsticker li:first")); 
} 

Я сделал что-то похожее, чтобы разрешить велоспорт через список миниатюр в виде макета jsFiddle slideshow.