首頁 > 每日程式設計 > html知識 > jQuery如何實作定時重新導向

jQuery如何實作定時重新導向

藏色散人
發布: 2018-12-12 09:47:53
原創
6654 人瀏覽過

jQuery實作定時重定向,可以直接透過Location replace() 方法來實現,replace() 方法可用一個新文件取代目前文件。

jQuery如何實作定時重新導向

下面我們就透過簡單的程式碼範例,介紹給大家jQuery實作定時頁面重定向的方法。

程式碼範例如下:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

<!DOCTYPE html>

 

<html lang="en">

<head>

    <meta charset="utf-8">

    <title>jQuery实现定时页面重定向示例</title>

    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>

    <script type="text/javascript">

 function pageRedirect() {

            window.location.replace("http://www.php.cn");

 }

        setTimeout("pageRedirect()",1000);

 </script>

</head>

<body>

<p><strong>提示:</strong>一秒后我们将回到php.cn</p>

</body>

 

</html>

登入後複製

這裡我們定義了一個pageRedirect方法,用window.location.replace方法實作重定向跳到新url「http:/ /www.php.cn」。然後在setTimeout方法中呼叫pageRedirect,並設定定時時間。

setTimeout() 方法用於在指定的毫秒數後呼叫函數或計算表達式。註: 1000 毫秒= 1 秒。

最終效果如下所示:

jQuery如何實作定時重新導向

這篇文章就是關於jQuery實作定時重定向跳轉新頁面的方法介紹,也很簡單,希望對需要的朋友有幫助!

以上是jQuery如何實作定時重新導向的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板