測試頁面的代碼見上一篇博客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