js頁面刷新之實現定時刷新(定時器,meta)


測試頁面的代碼見上一篇博客

接下來進入正題-定時不斷刷新頁面的方法:

1.看到定時,很容易想到js的定時器:

1 //第一種方法
2 //由於我們已經有了一個定時器,所以只要在定時器test中加入一句刷新頁面的代碼即可
3 function test(){
4      h1.style.color = "red";
5      h1.innerText = "我變化了";
6      history.go(0);//可以換成上一篇博客的任何一種方法。
7 }
8 setInterval(test, 1000);

2.通過meta來設置:

1 <!--第二種方法-->
2 <!--定時自動刷新,content表示刷新間隔,單位為秒s,下面代碼表示頁面每隔三秒刷新一次-->
3 <meta http-equiv="refresh" content="3">
1 <!--第三種方法-->
2 <!--這種方法實現頁面刷新有點投機取巧,這個標簽作用是定時跳轉,content第一個參數表示間隔時間,單位為秒,第二個參數表示目標網址,但是如果把第二個參數設為#,就會實現頁面刷新。-->
3 <meta http-equiv="refresh" content="3;url=#">

如有錯誤,請您指正!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM