Javascript 显示和隐藏计时器上的div

我有一份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秒钟，然后隐藏它并显示下一个div

我不能使用jquery

希望它尽可能简单

---

最好的办法是什么？任何代码都将不胜感激。

大致如下：

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

---

代码是足够的文档。

谢谢。我试着在图片上方添加它，然后在页面底部添加它，但没有成功，我需要在onload中调用它吗？