Jquery 一个接一个地显示内容

我有两个控件

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

为我们
英国

我想显示div 1内容3秒钟，然后显示div 2内容3秒钟，并不断重复此行为。无需使用任何otehr插件即可完成此操作。可能有两个以上的控件

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

这是假设它们都共享公共ddd类，但它应该可以工作

---

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

类似的方法应该可以工作（假设div从1开始编号）：

var numControls=2；
无功电流控制=1；
//隐藏除第一个以外的所有内容
对于（变量i=2；i numControls）
电流控制=1；
//并展示它
$（'#div'+currentControl）.show（）；
}, 3000);

类似的方法应该可以工作（假设div从1开始编号）：

var numControls=2；
无功电流控制=1；
//隐藏除第一个以外的所有内容
对于（变量i=2；i numControls）
电流控制=1；
//并展示它
$（'#div'+currentControl）.show（）；
}, 3000);

这将在3秒钟后一起显示，而不是一个接一个。这将在3秒钟后一起显示，而不是一个接一个显示

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);