So springen Sie in jquery nach ein paar Sekunden zur Seite

青灯夜游
Freigeben: 2022-08-15 18:37:53
Original
2280 Leute haben es durchsucht

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.

So springen Sie in jquery nach ein paar Sekunden zur Seite

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 函数, 等待的毫秒数)
Nach dem Login kopieren

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

So springen Sie in jquery nach ein paar Sekunden zur Seite

$(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(&#39;href&#39;, &#39;http://www.php.cn&#39;);
    					}, 5000);
    				});
    			});
    		</script>
    	</head>
    	<body>
    		<button>实现5秒后跳转页面</button>
    	</body>
    </html>
    Nach dem Login kopieren
  • $(location).attr()

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

So springen Sie in jquery nach ein paar Sekunden zur Seite

  • $(window).attr()

    [Empfohlenes Lernen:
  • jQuery-Video-Tutorial
,

Web-Frontend-VideoSo springen Sie in jquery nach ein paar Sekunden zur Seite]

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage