首頁 web前端 js教程 JavaScript實作x秒後自動跳到一個頁面_javascript技巧

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

May 16, 2016 pm 05:44 PM
跳轉 頁面跳轉

今天看影片學習時學習了一種新技術,即平常我們在一個頁面點擊「提交」或「確認」會自動跳到一個頁面。
上網搜了一下,關於這個技術處理有多種方法,我只記下我在影片裡學到的三種:
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

熱門文章

倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
兩個點博物館:所有展覽以及在哪裡可以找到它們
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章

倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
兩個點博物館:所有展覽以及在哪裡可以找到它們
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章標籤

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

PHP頁面跳躍函數詳解:header、location、redirect等函數的頁面跳躍技巧 PHP頁面跳躍函數詳解:header、location、redirect等函數的頁面跳躍技巧 Nov 18, 2023 pm 05:08 PM

PHP頁面跳躍函數詳解:header、location、redirect等函數的頁面跳躍技巧

如何實現PHP表單提交後的頁面跳轉 如何實現PHP表單提交後的頁面跳轉 Aug 12, 2023 am 11:30 AM

如何實現PHP表單提交後的頁面跳轉

php如何登入跳躍傳值 php如何登入跳躍傳值 Jun 05, 2023 am 10:44 AM

php如何登入跳躍傳值

3秒跳轉頁面實作方法:PHP程式指南 3秒跳轉頁面實作方法:PHP程式指南 Mar 25, 2024 am 10:42 AM

3秒跳轉頁面實作方法:PHP程式指南

跳到指定頁面的PHP程式碼實作方法 跳到指定頁面的PHP程式碼實作方法 Mar 07, 2024 pm 02:18 PM

跳到指定頁面的PHP程式碼實作方法

跳轉購物app怎麼關閉 跳轉購物app怎麼關閉 Nov 29, 2023 pm 05:30 PM

跳轉購物app怎麼關閉

PHP程式設計技巧:如何實現3秒內跳轉網頁 PHP程式設計技巧:如何實現3秒內跳轉網頁 Mar 24, 2024 am 09:18 AM

PHP程式設計技巧:如何實現3秒內跳轉網頁

使用uniapp實現頁面跳轉動畫效果 使用uniapp實現頁面跳轉動畫效果 Nov 21, 2023 pm 02:15 PM

使用uniapp實現頁面跳轉動畫效果

See all articles