<meta http-equiv="refresh" content="20; url=欲連結網頁.htm"> <!-- http-equiv="refresh"：表示網頁自動更新 content="20;......：表暫停 20 秒後開始更新動作 url=欲連結網頁.htm：表更新後載入的網頁，如果沒有設定，表示重新載入原網頁。 // -->上面這種寫法，IE 和 NS 都有支援，那麼需要循環播放時，只需要在每張網頁的標頭 網頁設好它的下張網頁位址及暫停時間，那麼就可形成一組循環播放的網頁。
<SCRIPT>
var timer;
function LoadNextPage() {location.href="NewPageURL";}
function Initialize() {timer=setTimeout("LoadNextPage()",5*1000);}
</SCRIPT>
<BODY onload="Initialize()">
...... 其他網頁內容 ......
</BODY>
/* 1.用 LoadNextPage 自訂函數去載入下一個網頁。
2.BODY onload="Initialize()" 網頁下載完成則執行初始化。
3.var timer=setTimeout 表示用變數 timer 去宣告啟用一個時間間隔驅動器。
4.setTimeout() 方法的第一個參數是傳入時間到時，要執行的函數名稱字串。
5.setTimeout() 方法的第二個參數是暫停的毫秒數，10*1000 表示暫停 10 秒。
*/
而中斷這個更新載入的動作則可以這麼寫：
function StopLoadNextPage() {clearTimeout(timer);}
/* 宣告停止載入新網頁的自訂函數，原理是借 clearTimeout() 方法終止
時間間隔驅動器 timer 的使用，既然 timer 被終止，當然就不會到了
時間去執行 LoadNextPage() 的動作。 */
至於這個 StopLoadNextPage() 和 LoadNextPage() 不同的是，LoadNextPage 是由
Script 自行啟動的，而 StopLoadNextPage 則必須交由瀏覽者操作來啟動。例如
你可以用這樣的 HTML 設定：
<A HREF="#" onclick="StopLoadNextPage();return false;">終止循環</A>如此只要在 timer 啟動 LoadNextPage 之前，瀏覽者先按下 [終止循環] 的 link ， 那麼整組循環網頁動作就會被停止下來。
<frameset rows="50,*">
<frame src="slider.htm" name="Slider" noresize scrolling=no BORDER="0" FRAMEBORDER="NO" FRAMESPACING="0">
<frame src="preview.htm" name="Viewer" noresize scrolling=Auto BORDER="0" FRAMEBORDER="NO" FRAMESPACING="0">
</frameset>
<!--
框架組設定頁名稱：loopfrm.htm
控制頁：slider.htm
顯示頁：preview.htm
// -->
slider.htm 是負責記錄並控制所有的循環組網頁，它在播放網頁時必須使終掛在 frame
slider 裏，而 preview.htm 只是在 frame Viewer 中顯示一些操作說明，一旦
播放開始，就會被其他播放網頁取代，至於 frame Viewer 裏的網頁，則是按時間間隔
，不停抽換的。
var slideLoader;
/* DHTML 網頁初始化設定 */
function Initialize()
{
slideLoader=parent.frames.Viewer.location;
/* 用變數 slideLoader 參照框架組中 frame Viewer 載入網頁物件後，
就可以用 slideLoader.href="新網頁的 URL" 的語法，
在 frame Viewer 中載入新網頁。 */
/* ...... 其他 Script 敘述 ...... */
}
<FORM NAME="setting">
<!-- ... 其他 TAG 設定 ... // -->
<!-- 把所有要循環播放的網頁記錄在這個 Option 集合物件的 text 屬性裏 // -->
<SELECT NAME="slides">
<OPTION ...>循環網頁一 URL</OPTION>
<OPTION ...>循環網頁二 URL</OPTION>
<OPTION ...>循環網頁三 URL</OPTION>
<!-- ... 其他 OPTION 設定 ... // -->
</SELECT>
</FORM>
當你用這樣方式的組成你的網頁循環播放組後，你就可以用這樣的 Script 去一一執行
每一頁的載入：
var slideCollect,totalslide;
/* 用 slideCollect 變數去參照表單 slides 裏的 option 集合 */
slideCollect=document.forms.setting.elements.slides;
/* 循環網頁數量等於 option 集合總數量 */
totalslide=slideCollect.length;
for (var i=0;i<totalslide;i++)
{ slideLoader.href=slideCollect[i].text;}
/* 播放網頁遞增變數 */
var nowno=0;
function SlideShow()
{
// ... 其他 Script 敘述 ...
slideLoader.href=slideCollect[nowno].text;
timer=setTimeout("SlideShow()",暫停間隔的毫秒數);
nowno++;
// ... 其他 Script 敘述 ...
}
因為每執行 SlideShow() 一次，setTimeout() 就會被設定再呼叫自己執行一次，
並且遞增變數加一，因此就能循序的播放所有的檔案。
<FORM NAME="setting">
<!-- ... 其他 TAG 設定 ... // -->
<!-- 網頁一暫停 10 秒，網頁二暫停 20 秒，網頁三暫停 15 秒。 // -->
<SELECT NAME="slides">
<OPTION VALUE="10">循環網頁一 URL</OPTION>
<OPTION VALUE="20">循環網頁二 URL</OPTION>
<OPTION VALUE="15">循環網頁三 URL</OPTION>
<!-- ... 其他 OPTION 設定 ... // -->
</SELECT>
</FORM>
然後我們在 SlideShow() 中改寫如下：
/* 播放網頁遞增變數 */
var nowno=0;
function SlideShow()
{
// ... 其他 Script 敘述 ...
slideLoader.href=slideCollect[nowno].text;
timer=setTimeout("SlideShow()",parseInt(slideCollect[nowno].value)*1000);
nowno++;
// ... 其他 Script 敘述 ...
}
/* 播放網頁遞增變數 */
var nowno=0;
function SlideShow()
{
/* 清除暫停間隔器物件的原設定 */
clearTimeout(timer);
if (nowno<slideCollect.length)
{
slideLoader.href=slideCollect[nowno].text;
timer=setTimeout("SlideShow()",parseInt(slideCollect[nowno].value)*1000);
nowno++;
}
// ... 其他 Script 敘述 ...
}
如此設計用意是次執行 SlideShow() 時都會先取消暫停間隔器物件，而且只有在
遞增變數小於 slideCollect 總數時，才會要求暫停間隔器呼叫自己再次執行。
/* 播放網頁遞增變數 */
var nowno=0;
function SlideShow()
{
/* 清除暫停間隔器物件的原設定 */
clearTimeout(timer);
if (nowno<slideCollect.length)
{
slideLoader.href=slideCollect[nowno].text;
timer=setTimeout("SlideShow()",parseInt(slideCollect[nowno].value)*1000);
nowno++;
}
else;
{ nowno=0;SlideShow();}
}
對啦，就是這麼簡單，當遞增變數超過 slideCollect 總數時，把播放網頁遞增變數
歸零，重新執行一次即可。至於無限播放的主要驅動器是暫停間隔器物件 timer
在驅動的，因此宣告其無效即可，如你可做一個可供瀏覽者呼叫之終止播放函數如下：
function StopLoop()
{
/* 清除暫停間隔器物件的原設定 */
clearTimeout(timer);
}
然後在 HTML 裏做個呼叫界面如：
<A HREF="#" onclick="StopLoop();return false;">終止播放</A>即可中斷進行中的播放。