jquery에서 몇 초 후에 페이지로 이동하는 방법-프런트엔드 Q&A-php.cn

jquery에서 몇 초 후에 페이지로 이동하는 방법

青灯夜游

풀어 주다： 2022-08-15 18:37:53

원래의

2322명이 탐색했습니다.

구현 단계: 1. setTimeout() 함수를 사용하여 타이머를 지정하고 타이머에서 점프 기능을 실행하기 위한 대기 시간(초)을 설정합니다. 구문은 "setTimeout(function(){//jump code})입니다. );"; 2. 점프 함수에서 "$(location).attr('href','page address');" 또는 "$(window).attr('location', '페이지 주소') ;" 문을 사용하여 해당 페이지로 이동할 수 있습니다.

jquery에서 몇 초 후에 페이지로 이동하는 방법

이 튜토리얼의 운영 환경: windows7 시스템, jquery3.6.0 버전, Dell G3 컴퓨터.

jquery는 몇 초 후에 페이지로 점프를 구현합니다. 이는 두 부분으로 나눌 수 있습니다.

타이머를 설정하여 점프 시간(초)을 제어하세요
페이지 점프

1단계 : setTimeout() 사용 이 함수는 타이머를 지정하고 타이머에서 점프 기능 실행을 기다리는 시간(초)을 설정합니다. setTimeout() 메서드는 밀리초 단위로 지정된 시간 후에 함수를 호출합니다. 둘째:

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>

로그인 후 복사

$(location).attr()

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

로그인 후 복사

jquery에서 몇 초 후에 페이지로 이동하는 방법