> 웹 프론트엔드 > HTML 튜토리얼 > HTML 페이지 자동 점프 구현 방법 소개

HTML 페이지 자동 점프 구현 방법 소개

黄舟
풀어 주다: 2017-10-25 10:17:33
원래의
1508명이 탐색했습니다.


1.1 방법 1
                                                                         ~                   태그 내에 태그를 직접 추가하세요. 코드는 다음과 같습니다.

<head>
    <meta http-equiv="refresh" content="3;URL=res.html">
    <!--3秒之后自动跳转到res.html页面-->
</head>
로그인 후 복사

1.2 방법 2
JS setTimeout 함수를 사용하여 지정된 밀리초 값 이후에 실행될 표현식을 정의합니다. 코드는 다음과 같습니다.

<script> 
setTimeout(function (){ 
    location.href=" res.html "; 
},3000); //3秒之后自动执行函数,直接跳转到res.html页面
</script>
로그인 후 복사

1.3 방법 3
                                                                           > 카운트다운 3-2-1을 구현하려면 JS settimeout 함수를 사용하여 지정된 밀리초 값마다 실행될 표현식을 정의해야 합니다. 코드는 다음과 같습니다:

<script> 
var x=3;//利用了全局变量来执行
setInterval(function (){
    x--;
    x>0? document.getElementById("info").innerHTML=x : location.href=&#39;123.html&#39;;
},1000);
</script>
로그인 후 복사

위 내용은 HTML 페이지 자동 점프 구현 방법 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿