如何在计时器中使用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>

（以上未经测试）