快捷導(dǎo)航

JS實(shí)現(xiàn)網(wǎng)頁(yè)自動(dòng)刷新腳本的方法

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

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

一、使用流程：

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

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

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

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

二、如何結(jié)束自動(dòng)刷新：

需要停止頁(yè)面刷新時(shí)可以直接關(guān)閉該頁(yè)面（僅關(guān)閉控制臺(tái)不能停止頁(yè)面刷新）。

三、源代碼及解析

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

總結(jié)

到此這篇關(guān)于JS實(shí)現(xiàn)網(wǎng)頁(yè)自動(dòng)刷新腳本的文章就介紹到這了,更多相關(guān)JS網(wǎng)頁(yè)自動(dòng)刷新腳本內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: