首頁  >  文章  >  web前端  >  JavaScript實作x秒後自動跳到一個頁面_javascript技巧

JavaScript實作x秒後自動跳到一個頁面_javascript技巧

WBOY
WBOY原創
2016-05-16 17:44:461398瀏覽

今天看影片學習時學習了一種新技術,即平常我們在一個頁面點擊「提交」或「確認」會自動跳到一個頁面。
上網搜了一下,關於這個技術處理有多種方法,我只記下我在影片裡學到的三種:
1、用一個response.sendRedirect("目標頁.jsp.htm ");實現直接跳轉;
2、有時我們需要有點提示,比如“x秒後自動跳轉,若沒有跳轉,請點擊此處”,則可以在myeclipse中調用Snippets中的Delay Go To URL.會自動產生以下程式碼:

複製程式碼 程式碼如下:



My Delayed Link

將此程式碼修改為:
複製程式碼 程式碼如下:

程式碼如下:


3
秒鐘之後自動跳轉,如果不跳轉,請點擊下方連結
目標頁



然後將在3秒鐘之後直接跳到「目標頁」。這種方法就是設定幾秒鐘後跳轉則在這過程中頁面不會有變化,比如說設定3秒,然後隨著時間的變化3變成2再變成1直至跳轉,下面請看第三種方法。
3、把方法2中的程式碼修改為: 複製程式碼
程式碼如下:



3
秒鐘之後自動跳轉,如果不跳轉,請點選下方連結
主題清單

此方法實現的效果為上一個頁面點擊完submit後跳到本頁面經過3秒(這個3會遞減到0)後跳到目標頁面。
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn