Maison > Article > interface Web > Comment accéder à la page après quelques secondes en jquery
Comment accéder à la page après quelques secondes en jquery
- 青灯夜游original
- 2022-08-15 18:37:532275parcourir
É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.
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 函数, 等待的毫秒数)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('href', 'http://www.php.cn');
}, 5000);
});
});
</script>
</head>
<body>
<button>实现5秒后跳转页面</button>
</body>
</html> 
$(location).attr()
$(document).ready(function() {
$("button").click(function() {
setTimeout(function() {
$(window).attr('location','http://www.php.cn');
}, 5000);
});
});
-
$(window).attr()
$(window).attr()
rrreee
[Apprentissage recommandé : Tutoriel vidéo jQuery,
Vidéo web front-end🎜]🎜Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!