3초 후 자동으로 HTML 페이지로 이동하는 세 가지 일반적인 방법_HTML/Xhtml_웹페이지 제작

실제로 우리는 N초 후에 자동으로 페이지로 이동하는 방법이라는 문제에 자주 직면합니다.

제가 직접 문제에 부딪혀 정보를 찾아보고 3가지 방법을 정리했습니다

방법 1:

가장 간단한 방법: 바로 앞

코드 복사

코드는 다음과 같습니다.

//3초 후에 자동으로 res.html로 이동합니다. 파일 아래에서 jsp 페이지로 이동해야 하는 경우 URL에 URL 주소를 입력해야 합니다. (브라우저의 주소 표시줄에 기록된 데이터: http://localhost: 8080/TestDemo/1.jsp )

방법 2:

창에서 방법을 사용해야 합니다:

지정된 밀리초 값 이후의 setTimeout 표현식을 평가합니다.

예:

코드 복사

코드는 다음과 같습니다.

window.setTimeout("alert('Hello, world')", 1000)

이것은 js 코드로 작성되었습니다.

구체적인 구현은 다음과 같습니다.

코드 복사

코드는 다음과 같습니다.

//이후 자동으로 go 메소드 실행 3초만 투자하면 index.jsp 페이지

방법 3:

위 두 예의 결점은 점프할 수 있지만 점프하지 못한다는 것입니다. 언제 점프해야 할지 알 수 없습니다. 3- 2-1;
settimeout 메서드는 더 이상 사용할 수 없습니다.

setInterval은 지정된 밀리초 값마다 표현식을 계산합니다.

동일한 시간이 경과한 후 해당 기능이 실행됩니다. 구체적인 구현 방법:

코드 복사코드는 다음과 같습니다.

< ;script type="text/javascript">

onload=function(){
setInterval(go, 1000)
}
var x=3; 실행할 변수
function go(){
x--;
if(x>0){
document.getElementById("sp").innerHTML=x //매번 x 설정 값이 다릅니다.
}else{
location.href='res.html';
}
}

위 내용은 이 기사에서 3초 후에 자동으로 HTML 페이지로 이동하는 방법에 대해 공유하는 세 가지 일반적인 방법입니다.

본 웹사이트의 성명

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