JS實現(xiàn)網(wǎng)頁自動刷新腳本的方法

更新時間：2023年11月03日 10:35:16 作者：Sir小珂

要自動刷新網(wǎng)頁,你可以使用JavaScript腳本來實現(xiàn),下面這篇文章主要給大家介紹了關于JS實現(xiàn)網(wǎng)頁自動刷新腳本的相關資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下

一、使用流程：

1.在Chrome地址欄輸入需要的網(wǎng)址；

2.按F12打開開發(fā)者工具，找到控制臺（console）；

3.將下面的腳本代碼復制到控制臺內(nèi)，敲回車鍵即可執(zhí)行。

4.在彈出的時間設置框內(nèi)輸入刷新時間間隔（該間隔以秒為單位），點擊確定，頁面將自動根據(jù)時間間隔刷新。

二、如何結束自動刷新：

需要停止頁面刷新時可以直接關閉該頁面（僅關閉控制臺不能停止頁面刷新）。

三、源代碼及解析

// prompt函數(shù)用來提醒用戶輸入
var timeout = prompt("設置刷新時間間隔[S]");
// 獲取當前的URL
var current = location.href;
 
if(timeout > 0)
{
    // 時間間隔大于0，timeout秒之后執(zhí)行reload函數(shù)
    setTimeout('reload()', 1000 * timeout);
}
else
{
    // 時間間隔不大于0，僅刷新一次
    location.replace(current);
}
 
function reload()
{
    // timeout秒后執(zhí)行reload函數(shù)，實現(xiàn)無限循環(huán)刷新
    setTimeout('reload()', 1000 * timeout);
    // 下面兩行代碼的格式化后的內(nèi)容為：
    // <frameset cols='*'>
    //     <frame src='當前地址欄的URL' />
    // </frameset>
    var fr4me = '<frameset cols=\'*\'>\n<frame src=\'' + current + '\' />';
    fr4me += '</frameset>';
 
    with(document)
    {
        // 引用document對象，調(diào)用write方法寫入框架，打開新窗口
        write(fr4me);
        // 關閉上面的窗口
        void(close());
    };
}