方法總結:如何實現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.xinzhenkj.com">


3.頁面自動刷新js版

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

 


免責聲明!

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



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