JavaScript實(shí)現(xiàn)頁面定時(shí)刷新(定時(shí)器,meta)
接下來進(jìn)入正題-定時(shí)不斷刷新頁面的方法:
1.看到定時(shí),很容易想到j(luò)s的定時(shí)器:
//第一種方法 //由于我們已經(jīng)有了一個(gè)定時(shí)器,所以只要在定時(shí)器test中加入一句刷新頁面的代碼即可 function test(){ h1.style.color = "red"; h1.innerText = "我變化了"; history.go(0);//可以換成上一篇博客的任何一種方法。 } setInterval(test, 1000);
2.通過meta來設(shè)置:
<!--第二種方法--> <!--定時(shí)自動刷新,content表示刷新間隔,單位為秒s,下面代碼表示頁面每隔三秒刷新一次--> <meta http-equiv="refresh" content="3"> <!--第三種方法--> <!--這種方法實(shí)現(xiàn)頁面刷新有點(diǎn)投機(jī)取巧,這個(gè)標(biāo)簽作用是定時(shí)跳轉(zhuǎn),content第一個(gè)參數(shù)表示間隔時(shí)間,單位為秒,第二個(gè)參數(shù)表示目標(biāo)網(wǎng)址,但是如果把第二個(gè)參數(shù)設(shè)為#,就會實(shí)現(xiàn)頁面刷新。--> <meta http-equiv="refresh" content="3;url=#">
以上所述是小編給大家介紹的JavaScript實(shí)現(xiàn)頁面定時(shí)刷新(定時(shí)器,meta),希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
- AngualrJs清除定時(shí)器遇到的坑
- js定時(shí)器(執(zhí)行一次、重復(fù)執(zhí)行)
- js定時(shí)器的使用(實(shí)例講解)
- JavaScript定時(shí)器詳解及實(shí)例
- JavaScript暫停和繼續(xù)定時(shí)器的實(shí)現(xiàn)方法
- JavaScript定時(shí)器setTimeout()和setInterval()詳解
- js定時(shí)器實(shí)現(xiàn)倒計(jì)時(shí)效果
- JS定時(shí)器使用,定時(shí)定點(diǎn),固定時(shí)刻,循環(huán)執(zhí)行詳解
- JS中2種定時(shí)器的使用及清除的實(shí)現(xiàn)
相關(guān)文章
基于JS實(shí)現(xiàn)彈出一個(gè)隱藏的div窗口body頁面變成灰色并且不可被編輯
這篇文章主要介紹了基于JS實(shí)現(xiàn)彈出一個(gè)隱藏的div窗口body頁面變成灰色并且不可被編輯的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-12-12JS與jQuery實(shí)現(xiàn)ListBox上移,下移,左移,右移操作功能示例
這篇文章主要介紹了JS與jQuery實(shí)現(xiàn)ListBox上移,下移,左移,右移操作功能,涉及javascript與jQuery的事件響應(yīng)、頁面元素動態(tài)操作等相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-05-05基于JavaScript實(shí)現(xiàn)移動端點(diǎn)擊圖片查看大圖點(diǎn)擊大圖隱藏
最近接了個(gè)項(xiàng)目,項(xiàng)目需求是這樣的,當(dāng)點(diǎn)擊圖片查看圖片,再次點(diǎn)擊大圖被隱藏,在移動端用的比較多,因?yàn)橐苿佣似聊恍?,需要查看大圖。具體代碼實(shí)現(xiàn)過程本文給大家介紹,需要的朋友可以參考下2015-11-11JavaScript必知必會(十) call apply bind的用法說明
這篇文章主要介紹了JavaScript必知必會(十) call apply bind的用法說明 的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06微信小程序pinker組件使用實(shí)現(xiàn)自動相減日期
這篇文章主要介紹了微信小程序pinker組件使用實(shí)現(xiàn)自動相減日期,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之基本排序算法定義與效率比較【冒泡、選擇、插入排序】
這篇文章主要介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之基本排序算法定義與效率比較,結(jié)合實(shí)例形式詳細(xì)總結(jié)分析了javascript排序算法中的冒泡、選擇、插入等排序算法原理與操作技巧,需要的朋友可以參考下2019-02-02