jquery에서 몇 초 후에 페이지로 이동하는 방법
- 青灯夜游원래의
- 2022-08-15 18:37:532279검색
구현 단계: 1. setTimeout() 함수를 사용하여 타이머를 지정하고 타이머에서 점프 기능을 실행하기 위한 대기 시간(초)을 설정합니다. 구문은 "setTimeout(function(){//jump code})입니다. );"; 2. 점프 함수에서 "$(location).attr('href','page address');" 또는 "$(window).attr('location', '페이지 주소') ;" 문을 사용하여 해당 페이지로 이동할 수 있습니다.
이 튜토리얼의 운영 환경: 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('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
[추천 학습: jQuery 비디오 튜토리얼,
웹 프론트엔드 비디오🎜]🎜위 내용은 jquery에서 몇 초 후에 페이지로 이동하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.