HTML頁面定時跳轉(zhuǎn)方法解析(2種任選)
有 2 種方法可以實現(xiàn) html 的定時頁面跳轉(zhuǎn),1、meta refresh 實現(xiàn)。2、JavaScript 實現(xiàn)。
1、通過 meta refresh 實現(xiàn) 3 秒后自動跳轉(zhuǎn)到 http://www.cnblogs.com/wuxibolgs329/ 頁面。
<!doctype html> <html> <head> <meta charset="utf-8"> <title>前端筆記</title> <meta http-equiv="refresh" content="3;url=http://www.cnblogs.com/wuxibolgs329/"> </head> <body> </body> </html>
2、通過 JavaScript 實現(xiàn) 8 秒后自動跳轉(zhuǎn)到 http://www.cnblogs.com/wuxibolgs329/ 頁面。
<!doctype html> <html> <head> <meta charset="utf-8"> <title>前端筆記</title> <script type="text/javascript"> var time = 8; //時間,秒 function Redirect() { window.location = "http://www.cssue.com/"; } var i = 0; function dis() { document.all.s.innerHTML = "還剩" + (time - i) + "秒"; i++; } timer = setInterval('dis()', 1000); //顯示時間 timer = setTimeout('Redirect()', time * 1000); //跳轉(zhuǎn) </script> </head> <body> <span id="s"></span> </body> </html>
以上就是本文的全部內(nèi)容,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助,同時也希望多多支持腳本之家!
- Android啟動頁面定時跳轉(zhuǎn)的三種方法
- JS在一定時間內(nèi)跳轉(zhuǎn)頁面及各種刷新頁面的實現(xiàn)方法
- 基于JavaScript實現(xiàn)定時跳轉(zhuǎn)到指定頁面
- ASP.NET中配合JS實現(xiàn)頁面計時(定時)自動跳轉(zhuǎn)
- PHP頁面實現(xiàn)定時跳轉(zhuǎn)的方法
- javascript使用定時函數(shù)實現(xiàn)跳轉(zhuǎn)到某個頁面
- 各種頁面定時跳轉(zhuǎn)(倒計時跳轉(zhuǎn))代碼總結(jié)
- 等待指定時間后自動跳轉(zhuǎn)或關(guān)閉當前頁面的js代碼
- JS定時刷新頁面及跳轉(zhuǎn)頁面的方法
- Android中應(yīng)用界面主題Theme使用方法和頁面定時跳轉(zhuǎn)應(yīng)用
相關(guān)文章
由 element.appendChild(newNode) ,談開去
由 element.appendChild(newNode) ,談開去...2006-11-11javascript結(jié)合Canvas 實現(xiàn)簡易的圓形時鐘
本文給大家分享的是javascript結(jié)合Canvas 實現(xiàn)簡易的圓形時鐘,主要是對自己前段時間學(xué)習(xí)html5的canvas的一次小檢驗,這里推薦給小伙伴們,有需要的可以參考下。2015-03-03javascript實現(xiàn)Email郵件顯示與刪除功能
這篇文章主要介紹了javascript實現(xiàn)Email郵件顯示與刪除功能,需要的朋友可以參考下2015-11-11Javascript數(shù)組方法reduce的妙用之處分享
這篇文章主要給大家介紹了關(guān)于Javascript數(shù)組方法reduce的妙用之處,文中通過示例代碼介紹的非常詳細,對大家學(xué)習(xí)或者使用Javascript具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-06-06