測試頁面的代碼見上一篇博客
接下來進入正題-定時不斷刷新頁面的方法:
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=#">
如有錯誤,請您指正!