JavaScript實(shí)現(xiàn)頁(yè)面定時(shí)刷新(定時(shí)器,meta)
接下來(lái)進(jìn)入正題-定時(shí)不斷刷新頁(yè)面的方法:
1.看到定時(shí),很容易想到j(luò)s的定時(shí)器:
//第一種方法 //由于我們已經(jīng)有了一個(gè)定時(shí)器,所以只要在定時(shí)器test中加入一句刷新頁(yè)面的代碼即可 function test(){ h1.style.color = "red"; h1.innerText = "我變化了"; history.go(0);//可以換成上一篇博客的任何一種方法。 } setInterval(test, 1000);
2.通過(guò)meta來(lái)設(shè)置:
<!--第二種方法--> <!--定時(shí)自動(dòng)刷新,content表示刷新間隔,單位為秒s,下面代碼表示頁(yè)面每隔三秒刷新一次--> <meta http-equiv="refresh" content="3"> <!--第三種方法--> <!--這種方法實(shí)現(xiàn)頁(yè)面刷新有點(diǎn)投機(jī)取巧,這個(gè)標(biāo)簽作用是定時(shí)跳轉(zhuǎn),content第一個(gè)參數(shù)表示間隔時(shí)間,單位為秒,第二個(gè)參數(shù)表示目標(biāo)網(wǎng)址,但是如果把第二個(gè)參數(shù)設(shè)為#,就會(huì)實(shí)現(xiàn)頁(yè)面刷新。--> <meta http-equiv="refresh" content="3;url=#">
以上所述是小編給大家介紹的JavaScript實(shí)現(xiàn)頁(yè)面定時(shí)刷新(定時(shí)器,meta),希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(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頁(yè)面變成灰色并且不可被編輯
這篇文章主要介紹了基于JS實(shí)現(xiàn)彈出一個(gè)隱藏的div窗口body頁(yè)面變成灰色并且不可被編輯的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-12-12詳解springmvc 接收json對(duì)象的兩種方式
本篇文章主要介紹了springmvc 接收json對(duì)象的兩種方式,具有一定的參考價(jià)值,有需要的可以了解一下。2016-12-12JS與jQuery實(shí)現(xiàn)ListBox上移,下移,左移,右移操作功能示例
這篇文章主要介紹了JS與jQuery實(shí)現(xiàn)ListBox上移,下移,左移,右移操作功能,涉及javascript與jQuery的事件響應(yīng)、頁(yè)面元素動(dòng)態(tài)操作等相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-05-05基于JavaScript實(shí)現(xiàn)移動(dòng)端點(diǎn)擊圖片查看大圖點(diǎn)擊大圖隱藏
最近接了個(gè)項(xiàng)目,項(xiàng)目需求是這樣的,當(dāng)點(diǎn)擊圖片查看圖片,再次點(diǎn)擊大圖被隱藏,在移動(dòng)端用的比較多,因?yàn)橐苿?dòng)端屏幕小,需要查看大圖。具體代碼實(shí)現(xiàn)過(guò)程本文給大家介紹,需要的朋友可以參考下2015-11-11JavaScript必知必會(huì)(十) call apply bind的用法說(shuō)明
這篇文章主要介紹了JavaScript必知必會(huì)(十) call apply bind的用法說(shuō)明 的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06微信小程序pinker組件使用實(shí)現(xiàn)自動(dòng)相減日期
這篇文章主要介紹了微信小程序pinker組件使用實(shí)現(xiàn)自動(dòng)相減日期,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(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前端JS面試中常見(jiàn)的算法問(wèn)題總結(jié)
雖然說(shuō)在前端很少有機(jī)會(huì)接觸到算法,大多都交互性的操作,然而從各大公司面試來(lái)看,算法依舊是考察的一方面。下面這篇文章就給大家總結(jié)了在前端JS面試中常見(jiàn)的算法問(wèn)題,有需要的朋友們可以參考借鑒,下面來(lái)一起看看吧。2016-12-12