jsGears.com 技術論壇 - AJAX, JavaScript, jQuery, 網站開發, 前端效能優化

標題: function 問題 [打印本頁]

作者: kenmaxgod 時間: 2014-2-14 18:08 標題: function 問題

我是JavaScript 新手，請先進多多指教。
最近在寫網頁剛好寫到分頁功能。
目前想要的功能是分頁以及定時更新。
目前2者分開都可進行，卻無法控制刷新秒數 stock1688
stock1688 都只顯示5000 無法改成 1000 & 100000
50-57行



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Expires" content="Tue, 09 Dec 1997 00:00:00 GMT">
<meta name="keywords" content="Photo Shop PhotoShop DHTML Dynamic HTML DynamicHTML CSS Cascading Style Sheet JavaScript Demo Cool Website Audi Carousel ?A ]p M~  Q? ?A">
<meta name="Author" content="Audi:carousel@taiwan.com">
<meta name="description" content="Photo Shop PhotoShop DHTML Dynamic HTML DynamicHTML CSS Cascading Style Sheet JavaScript Demo Cool Website Audi Carouseln ?A ]p M~  Q? ?A">
<title>分頁</title>
<style type="text/css">
@import url(menuTab/menuTab.css);
</style>

<script language="JavaScript">
<!--

function clearLinkDot() {
        var i, a, main;
        for(i=0; (a = document.getElementsByTagName("a")[i]); i++) {
                if(a.getAttribute("onFocus")==null) {
                        a.setAttribute("onFocus","this.blur();");
                }else{
                        a.setAttribute("onFocus",a.getAttribute("onFocus")+";this.blur();");
                }
                a.setAttribute("hideFocus","hidefocus");
        }
}

//刷新變數
var stock1688 = 5000;

//分頁
<script language="JavaScript">
<!--
function loadTab(obj,n){
        var layer;
        eval('layer=\'S'+n+'\'');        
        
        //將 Tab 標籤樣式設成 Blur 型態
        var tabsF=document.getElementById('tabsF').getElementsByTagName('li');
        for (var i=0;i<tabsF.length;i++){
                tabsF[i].setAttribute('id',null);
                eval('document.getElementById(\'S'+(i+1)+'\').style.display=\'none\'')
        }
        //變更分頁標題樣式
        obj.parentNode.setAttribute('id','current');
        document.getElementById(layer).style.display='inline';

        //設定分頁1正常更新，分頁234 100s更新
        if (layer == "S1") {
        stock1688 = 1000;
        } else {
　        　stock1688 = 100000;
        }                
}

setInterval("location.reload()", stock1688);
</script>

<body onload="clearLinkDot();">
<div id="tabsF">
        <ul>
                <li id="current"><a href="javascript://" onclick="loadTab(this,1);"><span>Link 1</span></a></li>
                <li><a href="javascript://" onclick="loadTab(this,2);"><span>Link 2</span></a></li>
                <li><a href="javascript://" onclick="loadTab(this,3);"><span>Link 3</span></a></li>
                <li><a href="javascript://" onclick="loadTab(this,4);"><span>Link 4</span></a></li>
                <li><a href="javascript://" onclick="loadTab(this,5);"><span>Link 5</span></a></li>
        </ul>
</div>
<div id="tabsC">
        <div id="S1" style="display:inline;">
                <p>Link 1 內容</p>
        </div>        
        
        <div id="S2" style="display:none;">
                <p>Link 2 內容</p>
        </div>        
        
        <div id="S3" style="display:none;">
                <p>Link 3 內容</p>
        </div>
        
        <div id="S4" style="display:none;">
                <p>Link 4 內容</p>                                
        </div>
        
        <div id="S5" style="display:none;">
                <p>Link 5 內容</p>
        </div>        
</div>
</body>

歡迎光臨 jsGears.com 技術論壇 - AJAX, JavaScript, jQuery, 網站開發, 前端效能優化 (http://jsgears.com/)