jqueryで数秒後にページにジャンプする方法-フロントエンドQ&A-php.cn

jqueryで数秒後にページにジャンプする方法

青灯夜游

リリース： 2022-08-15 18:37:53

オリジナル

2323 人が閲覧しました

実装手順: 1. setTimeout() 関数を使用してタイマーを指定し、タイマーでジャンプ関数を実行するまでの待機秒数を設定します。構文は「setTimeout(function(){//jump code}」です) , 待機するミリ秒数);"; 2. ジャンプ関数で、「$(location).attr('href','page address');」または「$(window).attr('location', ' ページアドレス ');" ステートメントを使用してページにジャンプできます。

jqueryで数秒後にページにジャンプする方法

このチュートリアルの動作環境: 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(&#39;href&#39;, &#39;http://www.php.cn&#39;);
					}, 5000);
				});
			});
		</script>
	</head>
	<body>
		<button>实现5秒后跳转页面</button>
	</body>
</html>

ログイン後にコピー

jqueryで数秒後にページにジャンプする方法

##$(ウィンドウ).attr()
```
$(document).ready(function() {
	$("button").click(function() {
		setTimeout(function() {
			$(window).attr(&#39;location&#39;,&#39;http://www.php.cn&#39;);
		}, 5000);
	});
});
```
ログイン後にコピー
[推奨学習:
jQuery ビデオチュートリアル
、Web フロントエンドビデオ ]
以上がjqueryで数秒後にページにジャンプする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。