如何在定时器中使用javascript启用/禁用div

Question

我的页面上有三个div。我想在javascript中使用计时器来显示div的一个接一个。这意味着，当第一个div是，其他2应该关闭和今后...

请在JavaScript的一些代码回复...

Answer 1

让我们说你有这些元素：

<div id="el1">element 1</div> 
<div id="el2">element 2</div> 
<div id="el3">element 3</div> 

开始通过不显示他们：

<style> 
#el1,#el2,#el3{display:none;} 
</style> 

然后逐一向他们展示一个：

<script> 
(function(){ 
    var i=1; 
    function show(){ 
    for(var j=1;j<4;++j)document.getElementById('el'+j).style.display='none'; 
    document.getElementById('el'+i).style.display='block'; 
    if(3==i++)return; 
    setTimeout(show, 2000); 
    } 
    show(); 
})(); 
</script> 

（以上未测试）