Heim >Web-Frontend >Front-End-Fragen und Antworten >So springen Sie in jquery nach ein paar Sekunden zur Seite
So springen Sie in jquery nach ein paar Sekunden zur Seite
- 青灯夜游Original
- 2022-08-15 18:37:532316Durchsuche
Implementierungsschritte: 1. Verwenden Sie die Funktion setTimeout(), um einen Timer anzugeben und die Anzahl der Wartezeiten für die Ausführung der Sprungfunktion im Timer festzulegen. Die Syntax lautet „setTimeout(function(){//jump code}“, der Anzahl der zu wartenden Millisekunden. 'Seitenadresse') ;"-Anweisung kann verwendet werden, um zur Seite zu springen.
Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.6.0-Version, Dell G3-Computer.
jquery implementiert das Springen zur Seite nach ein paar Sekunden, was in zwei Teile unterteilt werden kann:
Stellen Sie einen Timer ein, um die Anzahl der Sekunden zum Springen zu steuern
Zur Seite springen
Schritt 1 : Verwenden Sie setTimeout(). Die Funktion gibt einen Timer an und legt die Anzahl der Sekunden fest, die auf die Ausführung der Sprungfunktion im Timer gewartet werden soll. Die setTimeout()-Methode ruft die Funktion nach der in Millisekunden angegebenen Zeit auf Zweitens:
setTimeout(要执行的代码, 等待的毫秒数) setTimeout(JavaScript 函数, 等待的毫秒数)setTimeout() dient zum Festlegen einer bestimmten Wartezeit (Einheit ist Millisekunde). Wenn die Zeit abgelaufen ist, führt der Browser einen bestimmten Code aus.
Schritt 2: Verwenden Sie in der Funktion setTimeout() die Attributersetzungsmethode von jQuery, um den Sprung zu implementieren
$(window).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);
});
});
-
[Empfohlenes Lernen:$(window).attr()jQuery-Video-Tutorial
Web-Frontend-Video
]
Das obige ist der detaillierte Inhalt vonSo springen Sie in jquery nach ein paar Sekunden zur Seite. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!