[JS]電視網頁畫面切換

Posted In: Javascript . By 卡西卡

var _Pages = new Array; var g_PageIndex = 0; // 頁面 // id : 頁面 Id // time : 顯示時間(秒) function Page(id, time) { this.id = id; this.time = time; _Pages.push(this); } // 頁面顯示或隱藏 Page.prototype.show = function (bShow) { var obj = document.getElementById(this.id); obj.style.display = bShow ? "block" : "none"; } // 起始所有頁面資料 function Pages_Init() { g_PageIndex = 0; var page = _Pages[g_PageIndex]; page.show(true); window.setTimeout("Pages_Next();",page.time*1000); } // 顯示下一頁面 function Pages_Next() { var page = _Pages[g_PageIndex++]; page.show(false); if ( g_PageIndex >= _Pages.length ) { Pages_Init(); } // if else { page = _Pages[g_PageIndex]; page.show(true); window.setTimeout("Pages_Next();",page.time*1000); } // else }
測試：
<script type="text/javascript" > window.onload = Pages_Init; </script> <body> <div id="MainPage">MainPage</div> <div id="flash0" style="display:none;">flash0</div> <div id="flash1" style="display:none;">flash1</div> <div id="flash2" style="display:none;">flash2</div> <script>new Page('MainPage',10);new Page('flash0',10);new Page('flash1',10);new Page('flash2',10);</script> </body>

0 Responses to [JS]電視網頁畫面切換

Something to say?