Board logo

標題: [發問] 更新延遲 [打印本頁]
作者: ken759727    時間: 2014-2-14 01:21     標題: 更新延遲

本帖最後由 ken759727 於 2014-2-14 01:23 編輯

請問各位大大，小弟目前把該網站調整成 1、2、3、4、5
但只有在1分頁時..需要起動 重整頁面..小弟該如何撰寫..


小弟試過在 function loadTab 設定X變數...
當頁面轉為S1 就設定x=10000
不是S1 設定x=999999

但是下面 setInterval("location.reload()", 20000); 卻無法使用 x 變數..

麻煩各位前輩了。
  1. function loadTab(obj,n){
  2. var layer;

  4.         eval('layer=\'S'+n+'\'');  
  5.         
  6.         //將 Tab 標籤樣式設成 Blur 型態
  7.         var tabsF=document.getElementById('tabsF').getElementsByTagName('li');
  8.         for (var i=0;i<tabsF.length;i++){
  9.                 tabsF[i].setAttribute('id',null);
  10.                 eval('document.getElementById(\'S'+(i+1)+'\').style.display=\'none\'')
  11.         }

  13.         //變更分頁標題樣式
  14.         obj.parentNode.setAttribute('id','current');
  15.         document.getElementById(layer).style.display='inline';

  17. }
  18. </script>
  19. </head>
  20. <body onload="clearLinkDot();">
  21. <div id="tabsF">
  22.         <ul>
  23.         <li id="current"><a href="javascript://" onclick="loadTab(this,1);"><span>Link 1</span></a></li>
  24.                 <li><a href="javascript://" onclick="loadTab(this,2);"><span>Link 2</span></a></li>
  25.                 <li><a href="javascript://" onclick="loadTab(this,3);"><span>Link 3</span></a></li>
  26.                 <li><a href="javascript://" onclick="loadTab(this,4);"><span>Link 4</span></a></li>
  27.                 <li><a href="javascript://" onclick="loadTab(this,5);"><span>Link 5</span></a></li>
  28.         </ul>
  29. </div>
  30. <div id="tabsC">
  31.         <div id="S1" style="display:inline;">
  32.                 <p>Link 1 內容</p>
  33.                
  34.         <script>
  35.                 setInterval("location.reload()", 20000);                //重整頁面
  36.                 </script>
  37.                
  38.         </div>        
  39.         
  40.         <div id="S2" style="display:none;">
  41.                 <p>Link 2 內容</p>
  42.         </div>        
  43.         
  44.         <div id="S3" style="display:none;">
  45.                 <p>Link 3 內容</p>
  46.         </div>
  47.         
  48.         <div id="S4" style="display:none;">
  49.                 <p>Link 4 內容</p>
  50.         </div>
  51.         
  52.         <div id="S5" style="display:none;">
  53.                 <p>Link 5 內容</p>
  54.         </div>
  55. </div>
  56. </body>
複製代碼




歡迎光臨 麻辣家族討論版版 (http://forum.twbts.com/)