Comment accéder à la page après quelques secondes en jquery-Questions et réponses frontales-php.cn

Comment accéder à la page après quelques secondes en jquery

青灯夜游

Libérer： 2022-08-15 18:37:53

original

2282 Les gens l'ont consulté

Étapes de mise en œuvre : 1. Utilisez la fonction setTimeout() pour spécifier une minuterie et définir le nombre de secondes d'attente pour exécuter la fonction de saut dans la minuterie. La syntaxe est "setTimeout(function(){//jump code}, le. nombre de millisecondes à attendre. );"; 2. Dans la fonction de saut, définissez "$(location).attr('href','page address');" ou "$(window).attr('location', 'adresse de la page') ;" peut être utilisée pour accéder à la page.

Comment accéder à la page après quelques secondes en jquery

L'environnement d'exploitation de ce tutoriel : système windows7, version jquery3.6.0, ordinateur Dell G3.

jquery implémente le saut à la page après quelques secondes, qui peut être divisé en deux parties :

Définir une minuterie pour contrôler le nombre de secondes pour sauter
Sauter la page

Étape 1 : Utilisez setTimeout() La fonction spécifie un minuteur et définit le nombre de secondes à attendre pour l'exécution de la fonction de saut dans le minuteur. La méthode setTimeout() appellera la fonction après le temps spécifié en millisecondes. deux :

setTimeout(要执行的代码, 等待的毫秒数)
setTimeout(JavaScript 函数, 等待的毫秒数)

Copier après la connexion

setTimeout() consiste à définir un temps d'attente spécifié (l'unité est la milliseconde). Lorsque le temps est écoulé, le navigateur exécutera un code spécifié.

Étape 2 : Dans la fonction setTimeout(), utilisez la méthode de remplacement d'attribut de jQuery pour implémenter le saut

$(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>

Copier après la connexion

$(location).attr()

$(document).ready(function() {
	$("button").click(function() {
		setTimeout(function() {
			$(window).attr(&#39;location&#39;,&#39;http://www.php.cn&#39;);
		}, 5000);
	});
});

Copier après la connexion

Comment accéder à la page après quelques secondes en jquery