1. 程式人生 > >html定時刷新

html定時刷新

指定 clas 時間 變量 方法 strong 調試 局部刷新 soc

逍遙雲天

html頁面實現自動刷新的幾種方法

使用場景:

1. 頁面需要定時刷新,實時加載數據(H5中的WebSocket和SSE可以實現局部刷新)

2. 一定時間之後跳轉到指定頁面(登錄註冊之類)

3. 前端開發使用偽數據調試html頁面(修改一些js的變量值,可以自動刷新效果)

示例代碼:

1. 頁面自動刷新註:其中10指每隔10秒刷新一次頁面.

1 <meta http-equiv="refresh" content="10">


2.跳轉到指定頁面

1 <meta http-equiv="refresh" content="10;url=http://www.51jfgou.com">


3.頁面自動刷新js版

1 <script language="JavaScript">
2 setTimeout(function(){location.reload()},1000); //指定1秒刷新一次
3 </script>

html定時刷新