JavaScript實現(xiàn)頁面定時刷新(定時器,meta)
更新時間:2016年10月12日 11:41:14 投稿:mrr
很多朋友看到定時,很容易想到用js定時器,還有盆友用meta來設(shè)置,下面小編給大家介紹js實現(xiàn)頁面定時刷新的方法,一起看看吧
接下來進入正題-定時不斷刷新頁面的方法:
1.看到定時,很容易想到j(luò)s的定時器:
//第一種方法
//由于我們已經(jīng)有了一個定時器,所以只要在定時器test中加入一句刷新頁面的代碼即可
function test(){
h1.style.color = "red";
h1.innerText = "我變化了";
history.go(0);//可以換成上一篇博客的任何一種方法。
}
setInterval(test, 1000);
2.通過meta來設(shè)置:
<!--第二種方法--> <!--定時自動刷新,content表示刷新間隔,單位為秒s,下面代碼表示頁面每隔三秒刷新一次--> <meta http-equiv="refresh" content="3"> <!--第三種方法--> <!--這種方法實現(xiàn)頁面刷新有點投機取巧,這個標(biāo)簽作用是定時跳轉(zhuǎn),content第一個參數(shù)表示間隔時間,單位為秒,第二個參數(shù)表示目標(biāo)網(wǎng)址,但是如果把第二個參數(shù)設(shè)為#,就會實現(xiàn)頁面刷新。--> <meta http-equiv="refresh" content="3;url=#">
以上所述是小編給大家介紹的JavaScript實現(xiàn)頁面定時刷新(定時器,meta),希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
js+canvas實現(xiàn)兩張圖片合并成一張圖片的方法
這篇文章主要介紹了js+canvas實現(xiàn)兩張圖片合并成一張圖片的方法,結(jié)合實例形式分析了JavaScript結(jié)合HTML5 canvas實現(xiàn)圖片合并的操作技巧,并附帶了Java圖片合并的實現(xiàn)方法,需要的朋友可以參考下2019-11-11
JavaScript實現(xiàn)的Tween算法及緩沖特效實例代碼
這篇文章主要介紹了JavaScript實現(xiàn)的Tween算法及緩沖特效,涉及JavaScript通過數(shù)學(xué)運算及樣式屬性操作實現(xiàn)緩動、彈性運動等效果,具有一定參考借鑒價值,需要的朋友可以參考下2015-11-11
Javascript 中的 && 和 || 使用小結(jié)
Javascript 中的 && 和 || ,有時候用作條件判斷,非常的簡潔,不熟悉的朋友可能不太了解,這里最后有個朋友補充,非常的好。2010-04-04
javascript根據(jù)時間生成m位隨機數(shù)最大13位
javascript根據(jù)時間生成m位隨機數(shù),最大13位隨機數(shù),并且不能保證首位不為0,實現(xiàn)代碼如下,需要的朋友可以參考下2014-10-10
學(xué)習(xí)JavaScript設(shè)計模式(策略模式)
這篇文章主要帶領(lǐng)大家學(xué)習(xí)JavaScript設(shè)計模式,其中重點介紹策略模式,以年終獎為實例對策略模式進行分析,對策略模式進行詳細(xì)剖析,感興趣的小伙伴們可以參考一下2015-11-11

