[자바스크립트] 일정시간마다 레이어가 변하는 예제

[footnote]ddd[/footnote]<div id="L5" style="width:100; height:100; background-color:red;
                    border:3 black solid;font-size:30pt;">5</div>
<div id="L4" style="position:relative; top:0; left:0; width:100; height:100;
                    background-color:green; border:3 black solid;font-size:30pt; display:none">4</div>
<div id="L3" style="position:relative; top:0; left:0; width:100; height:100;
                    background-color:blue; border:3 black solid;font-size:30pt; display:none">3</div>
<div id="L2" style="position:relative; top:0; left:0; width:100; height:100;
                    background-color:yellow; border:3 black solid;font-size:30pt; display:none">2</div>
<div id="L1" style="position:relative; top:0; left:0; width:100; height:100;
                    background-color:skyblue; border:3 black solid;font-size:30pt; display:none">1</div>

<script>
   layIdx = 5;
   function timeLayer() {
     idName1 = "L"+ layIdx;
  document.all[idName1].style.display="none";
  layIdx--;
  if(layIdx < 1) layIdx = 5;
  idName2 = "L"+layIdx;
  document.all[idName2].style.display=""; 
  setTimeout("timeLayer()", 2000);
   }
  setTimeout("timeLayer()", 2000);
</script>