jQuery如何實作定時重新導向-html知識-PHP中文網

首頁

每日程式設計

html知識

jQuery如何實作定時重新導向

藏色散人

Dec 08, 2018 pm 04:33 PM

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

jQuery如何實作定時重新導向

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

程式碼範例如下：

<!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如何實作定時重新導向