Question

我有很多div标签。我试图一次只显示一个标签10秒钟。

也就是说，当显示div1时，必须隐藏div2，div3..divn，10秒后div2必须显示10秒，其他div标签必须隐藏，依此类推。它是一种循环方式。

请帮助。

在这里查看示例html：

<html>

<head>
......
.......
</head>

<body>

<div id="div1">
........
......

</div>


<div id="div2">
........
......

</div>
..
..

<div id="divn">
........
......

</div>
</body>

</html>

此致 ABK

Answer 1

这应该有效：http://jsfiddle.net/Z5uMV/

var current = 1;
function cycle() {
    $('#div' + current).fadeOut(function() {
        current++;
        if(current > 10) current = 1;
        $('#div' + current).fadeIn(function() {
            setTimeout(cycle, 10000);
        }
    });
}

cycle(); // start it

Answer 2

您可以使用setInterval

<强> Live Demo

var myVar=setInterval(function(){myTimer()},1000);
var index=1;
totalDivs = $('[id^=div]').length;
 $('[id^=div]').hide();
function myTimer()
{
     $('[id^=div]').hide();
     $('#div'+ index++).show(); 
     if(index >  totalDivs)
       index = 0;
}

在jquery </div>中显示循环<div>标记

2 个答案: