實作步驟:1、使用setTimeout()函數指定計時器,並設定定時器中執行跳轉函數的等待秒數,語法「setTimeout(function(){//跳躍程式碼},等待的毫秒數);」;2、在跳轉函數中,設定「$(location).attr('href','頁面位址');」或「$(window).attr('location','頁面位址');”語句進行頁面跳轉即可。
本教學操作環境:windows7系統、jquery3.6.0版本、Dell G3電腦。
jquery實現幾秒鐘後跳轉頁面,可以分成兩個部分:
#設定一個定時器,控制跳躍秒數
跳轉頁面
步驟1:使用setTimeout()函數指定計時器,並設定定時器中執行跳轉函數的等待秒數
setTimeout()方法將在以毫秒為單位指定的時間後呼叫函數
語法格式可以是以下兩種:
setTimeout(要执行的代码, 等待的毫秒数) setTimeout(JavaScript 函数, 等待的毫秒数)
setTimeout() 是設定一個指定等候時間(單位是千分之一秒, millisecond), 時間到了, 瀏覽器就會執行一個指定的代碼,。
步驟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前端影片】
以上是jquery怎麼實現幾秒後跳頁的詳細內容。更多資訊請關注PHP中文網其他相關文章!