循環javascript？

Question

我是js和jquery新手，並且我試圖淡入和淡出列表項。 我正在使用jQuery Cycle Plugin（帶有過渡定義）。 它的工作正常，但是我需要循環。 我相信這很簡單。 但是我找不到答案。

<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

嘗試這個：

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

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

setInterval將繼續執行，直到您要求它停止。 該功能每隔幾秒鍾就會淡入和淡出您的元素。 有個小提琴

Answer 2

如何檢查當前活動列表項是否為最后一個。 如果是這樣，請返回到第一個，如下所示：

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

我做了一些類似的事情，以允許循環瀏覽縮略圖列表作為jsFiddle幻燈片模型。

Answer 3

$(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鏈接：Enjoy！

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