問題：關於壇友的一個定時重複顯示和隱藏div的實現，壇友div

問題：關於壇友的一個定時重複顯示和隱藏div的實現，壇友div

需求：開啟頁面只看到DIV2，等完秒數之後在顯示DIV3。手動關閉DIV3後在重新數秒

我設定的間隔時間是3秒，代碼如下：

html+css:

   1: <!DOCTYPE HTML>

   2: <html>

   3:     <head>

   4:         <meta http-equiv="content-type" content="text/html;charset=utf-8">

   5:         <title>Test</title>

   6:     <style type="text/css">

   7:       .div1{

   8:         height: 300px;

   9:         width: 400px;

  10:         margin:0 auto;

  11:         border: 1px solid black;

  12:       }

  13:       .div2,.div3{

  14:         margin:10px;

  15:       }

  16:       .div2{

  17:         width: 200px;

  18:         height: 100px;

  19:         border: 1px solid blue;

  20:       }

  21:       .div3{

  22:         border: 1px dashed red;

  23:         width: 200px;

  24:         height: 100px;

  25:         display: none;

  26:       }

  27:     </style>

  28:     </head>

  29:     <body>

  30:     <div class="div1" id="div1">這是div1

  31:       <!-- <span id="showTime"></span> -->

  32:       <div class="div2" id="div2">這是div2</div>

  33:       <div class="div3" id="div3">這是div3

  34:         <button id="closeDiv3">關閉div3</button>

  35:       </div>

  36:     </div>

  37:     </body>

  38: </html>

js:

   1: window.onload =function() {

   2:          //擷取div

   3:        var div2 = document.getElementById("div2");

   4:        var div3 = document.getElementById("div3");

   5:        var closeDiv3 = document.getElementById('closeDiv3');

   6:        /*var showTime = document.getElementById('showTime');*/

   7:  

   8:        //計時

   9:        var countTime = 6;

  10:        var out;

  11:        function controlTime()

  12:        {

  13:          /*showTime.innerHTML = countTime +"秒後div2隱藏,div3顯示";*/

  14:          out = setTimeout(controlTime,1000);

  15:          countTime--;

  16:          if(countTime < 3)

  17:          {

  18:            var countTime1 = countTime+1;

  19:            div2.style.display = "none";

  20:            div3.style.display = "block";

  21:            /*showTime.innerHTML = countTime1 +"秒後div3隱藏,div2顯示";*/

  22:            if(countTime1 <= 0)

  23:            {

  24:              div2.style.display = "block";

  25:              div3.style.display = "none";

  26:              countTime = 6;

  27:            }

  28:          }

  29:        }

  30:        controlTime();

  31:        div3.onmouseover = function(){

  32:          window.clearTimeout(out);

  33:          closeDiv3.onclick = function(){

  34:            div2.style.display = "block";

  35:            div3.style.display = "none";

  36:            countTime = 6;

  37:            /*showTime.innerHTML = countTime+"秒後div2隱藏,div3顯示";*/

  38:         }

  39:        }

  40:       }

效果：

來源：http://www.ido321.com/582.html

js定時控制多個div自動切換 5個div，只顯示一個，其餘4個隱藏，用js控制每10秒自動切換一個，完整代碼

手痒痒的，順便把代碼寫出來了，不知道是不是你想要的。。。。如下：
<html>
<head>
<title>測試</title>
<script type="text/javascript">
var NowImg=1;//表示當前顯示的div
var MaxImg=5;//表示div的個數
function show(){
for(var i=1;i<=MaxImg;i++){
if(NowImg==i)
document.getElementById("div"+NowImg).style.display='block';//當前顯示的div
else
document.getElementById("div"+i).style.display='none';
}
if(NowImg==MaxImg)//判斷當前div是否是最後一個，如果是則從第一個重新輪迴顯示
NowImg=1;
else
NowImg++;//設定下一個顯示的圖片
}
theTimer=setInterval("show()",10000);//設定定時器，顯示下一個圖片，10000表示每間隔10秒，可以改的。。。
</script>

</head>
<body onload="show()">
<div>
<div id="div1" style="display:block;"><img src="圖片" /></div>
<div id="div2" style="display:none;"><img src="圖片" /></div>
<div id="div3" style="display:none;"><img src="圖片" /></div>
<div id="div4" style="display:none;"><im......餘下全文>>
 
一個div層中有多個顯示與隱藏

貼你的後台代碼
試試這個
<html>
<head>
<title>我的第一個 HTML 頁面</title>
<script type="text/javascript">
function selectAll(obj) {
var theTabletr = obj.parentElement;
//var i=theTabletr.rowIndex;//點擊的行的行索引，此處未用。
//var j = obj.cellIndex;//點擊的列索引，此處未用
alert(obj.parentElement.cells[0].innerHTML)
}
</script>
</head>
<body>
<label id="tip"></label><br />
<div>
<table>
<tr>
<td>
第一行第一列
</td>
<td>
第一行第二列
</td>
<td onclick="selectAll(this)">
顯示
</td>
</tr>
<tr>
<td>
第二行第一列
</td>
<td>
第二行第二列
</td>
<td onclick="selectAll(this)">
顯示
</td>
</tr>
<tr>
<td>
第三行第一列
</td>
<td>
第三行第二列
</td>
<td onclick="selectAll(this)">
顯示
</td>
</tr>
</table>
</div>
</body>
</html&gt......餘下全文>>