ホームページ >ウェブフロントエンド >フロントエンドQ&A >jqueryで数秒後にページにジャンプする方法
jqueryで数秒後にページにジャンプする方法
- 青灯夜游オリジナル
- 2022-08-15 18:37:532317ブラウズ
実装手順: 1. setTimeout() 関数を使用してタイマーを指定し、タイマーでジャンプ関数を実行するまでの待機秒数を設定します。構文は「setTimeout(function(){//jump code}」です) , 待機するミリ秒数);"; 2. ジャンプ関数で、「$(location).attr('href','page address');」または「$(window).attr('location', ' ページアドレス ');" ステートメントを使用してページにジャンプできます。
このチュートリアルの動作環境: Windows7 システム、jquery3.6.0 バージョン、Dell G3 コンピューター。
jquery は、数秒後のページ ジャンプを実装します。これは 2 つの部分に分けることができます。
-
ジャンプする秒数を制御するタイマーを設定します
ジャンプページ
ステップ 1: setTimeout() 関数を使用してタイマーを指定し、実行を待機する秒数を設定します。タイマー内のジャンプ関数
##setTimeout() メソッドは、ミリ秒単位で指定された時間が経過した後に関数を呼び出します。 構文形式は次の 2 つです。setTimeout(要执行的代码, 等待的毫秒数) setTimeout(JavaScript 函数, 等待的毫秒数)setTimeout()が設定されている 指定した待ち時間(単位はミリ秒)を設定し、時間が経過するとブラウザは指定されたコードを実行します。
ステップ 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>
- ##$(ウィンドウ).attr()
$(document).ready(function() { $("button").click(function() { setTimeout(function() { $(window).attr('location','http://www.php.cn'); }, 5000); }); });
[推奨学習:
以上がjqueryで数秒後にページにジャンプする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。