站長資訊網
實現步驟：1、使用setTimeout()函數指定一個定時器，并設置定時器中執(zhí)行跳轉函數的等待秒數，語法“setTimeout(function(){//跳轉代碼},等待的毫秒數);”；2、在跳轉函數中，設置“$(location).attr('href','頁面地址');”或“$(window).attr('location','頁面地址');”語句進行頁面跳轉即可。
本教程操作環(huán)境：windows7系統(tǒng)、jquery3.6.0版本、Dell G3電腦。
jquery實現幾秒后跳轉頁面，可以分成兩個部分：
-
設置一個定時器，控制跳轉秒數
-
跳轉頁面
步驟1：使用setTimeout()函數指定一個定時器，并設置定時器中執(zhí)行跳轉函數的等待秒數
setTimeout()方法將在以毫秒為單位指定的時間后調用函數
語法格式可以是以下兩種：
setTimeout(要執(zhí)行的代碼, 等待的毫秒數) setTimeout(JavaScript 函數, 等待的毫秒數)
setTimeout() 是設定一個指定等候時間 (單位是千分之一秒, millisecond), 時間到了, 瀏覽器就會執(zhí)行一個指定的代碼,。
步驟2：在setTimeout()函數中，使用jQuery的屬性替換方法來實現跳轉
-
$(location).attr()
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="js/jquery-3.6.0.min.js"></script> <script> $(document).ready(function() { $("button").click(function() { setTimeout(function() { $(location).attr('href', 'http://www.php.cn'); }, 5000); }); }); </script> </head> <body> <button>實現5秒后跳轉頁面</button> </body> </html>
-
$(window).attr()
$(document).ready(function() { $("button").click(function() { setTimeout(function() { $(window).attr('location','http://www.php.cn'); }, 5000); }); });
【推薦學習：jQuery視頻教程、web前端視頻】
