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