首頁 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

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++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等函數的頁面跳轉技巧,需要具體程式碼範例引言:在開發Web網站或應用程式時,頁面之間的跳轉是一個不可或缺的功能。 PHP提供了多種方式來實現頁面跳轉,其中包括header函數、location函數以及一些第三方函式庫提供的跳轉函數,例如redirect。本文將詳細介紹這些函數的使用方

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

如何實現PHP表單提交後的頁面跳轉【簡介】在Web開發中,表單的提交是一項常見的功能需求。當使用者填寫完表單並點擊提交按鈕後,通常需要將表單資料傳送至伺服器進行處理,並在處理完後將使用者重新導向至另一個頁面。本文將介紹如何使用PHP來實現表單提交後的頁面跳躍。 【步驟一:HTML表單】首先,我們需要在HTML頁面中撰寫一個包含表單的頁面,以便使用者填寫需要提交的資料。

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

php登入跳轉傳值的方法:1、POST傳值,使用html的「form」表單跳轉的方法來進行post傳值;2、GET傳值,用<a>標籤跳轉進入xxx.php後,透過「$_GET['id']」取得傳遞的值;3、SESSION傳值,一旦儲存到SESSION中,其他頁面都可以透過SESSION取得。

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

在編寫網站或應用程式時,經常會遇到需要跳到指定頁面的需求。在PHP中,我們可以透過幾種方法來實現頁面跳躍。下面我將為您示範三種常用的跳轉方法,包括使用header()函數、使用JavaScript程式碼和使用meta標籤。使用header()函數header()函數是PHP中用來發送原始的HTTP頭部資訊的函數,在實現頁面跳躍時可以結合使用該函數。下面是一個

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

標題:3秒跳轉頁面實作方法:PHP程式設計指南在網頁開發中,頁面跳轉是常見的操作,一般情況下我們使用HTML中的meta標籤或JavaScript的方法進行頁面跳轉。不過,在某些特定的情況下,我們需要在伺服器端進行頁面跳轉。本文將介紹如何使用PHP程式實作一個在3秒內自動跳到指定頁面的功能,同時會給出具體的程式碼範例。 PHP實現頁面跳躍的基本原理PHP是一種在

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

關閉跳轉購物app的方法:1、關閉應用程式內的跳轉功能;2、變更瀏覽器設定;3、解除安裝更新或重新安裝app。詳細介紹:1、關閉應用程式內的跳轉功能,開啟購物app,在首頁或搜尋結果頁點擊想要購買的商品,進入商品詳情頁後,不要直接點擊「立即購買」或類似按鈕,而是先點擊頁面右上角的「更多」或「設定」圖標,在彈出的選單中,找到「關閉跳轉」或類似的選項,並點擊它,確認關閉跳轉功能等等。

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

標題:使用uniapp實現頁面跳轉動畫效果近年來,行動應用程式的使用者介面設計已成為吸引使用者的重要因素之一。頁面跳轉動畫效果在提升使用者體驗和視覺化效果方面扮演著重要的角色。本文將介紹如何使用uniapp實現頁面跳轉動畫效果,並提供具體的程式碼範例。 uniapp是一個基於Vue.js開發的跨平台應用程式開發框架,可以透過一套程式碼編譯產生小程式、H5、App等多個平台的應用

go語言中跳轉語句有哪些 go語言中跳轉語句有哪些 Dec 26, 2022 pm 04:33 PM

跳轉語句有:1、break語句,用於退出循環或退出一個switch語句,讓程式繼續執行循環之後的程式碼,語法「break;」;2、continue語句用於退出本次循環,並開始下一次循環,語法「continue;」;3、與標籤結合跳到指定的標籤語句,語法「標籤+ :」;4、goto語句,用於無條件地轉移到程式中指定的行,語法「goto 標籤; ... ...標籤: 表達式;」。

See all articles