一个接一个地显示内容

Question

我有两个控件

<div id="div1" class="ddd">
For US
</div>
<div id="div2" class="ddd">
For UK
</div>

我想显示div 1内容3秒，然后显示div 2内容3秒并继续重复此行为。这可以在不使用任何otehr插件的情况下完成。可能有两个以上的控件。

Answer 1

这样的事情应该有用（假设div从1开始编号）：

var numControls = 2;
var currentControl = 1;

// Hide all but the first to start with
for (var i = 2; i <= numControls; i++)
    $('#div' + i).hide();

setInterval(function()
{
    // Hide the old one
    $('#div' + currentControl).hide();

    // Go to the next one
    currentControl++;

    if (currentControl > numControls)
        currentControl = 1;

    // and show it
    $('#div' + currentControl).show();
}, 3000);

Answer 2

$(function(){
    $(".ddd").each(function(){
        setTimeout(function(){ $(this).show(); },3000);
    });
});

这假设它们都共享共同的ddd类，但它应该可以工作。