javascript - 循环javascript？

Question

我是js和 的新手，jquery我正在尝试淡入和淡出列表项。我正在使用 jQuery Cycle 插件（带有转换定义）。它工作得很好，但是我需要这个循环。我相信它很简单。但是我找不到答案。:(

<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链接：享受！

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