1

多くのdivタグがあります。一度に 1 つのタグだけを 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

4

2 に答える 2

4

これはうまくいくはずです：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
于 2013-01-30T10:58:15.113 に答える
2

setIntervalを使用できます

ライブデモ

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;
}
于 2013-01-30T10:58:14.620 に答える