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

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

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

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

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來設置:url

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

若有錯誤,請您指正!spa

相關文章
相關標籤/搜索