如何在計時器中使用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>

（以上未測試）