在计时器上显示和隐藏div

Question

我有一个div 列表

<div id="container_dc">
    <div class="slide" id="slide_1"></div>
    <div class="slide" id="slide_2"></div>
    <div class="slide" id="slide_3"></div>
    <div class="slide" id="slide_4"></div>
</div>

每个div都有一个背景图像。

我想从第一个开始一次显示和一个div，并在隐藏和显示下一个之前显示每个div 4秒。

我不能使用jquery！

希望它尽可能简单。

对此，最好的方法是什么？任何代码都将不胜感激。。

Answer 1

沿着这些线的东西：

var container = document.getElementById("container_dc"),
    children = container.childNodes,
    show=-1;
window.setInterval(function() {
    if(children[show]) children[show].display='hidden';
    show=show+1;
    if(show==children.length) show=0;
    children[show].display='block';
    next=(next+1);
},4000);

代码是足够的文档