>  기사  >  웹 프론트엔드  >  HTML 페이지 자동 점프 구현 방법 소개

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

黄舟
黄舟원래의
2017-10-25 10:17:331414검색


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

<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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.