Three common ways to automatically jump to an HTML page after 3 seconds _HTML/Xhtml_Web page production

In practice, we often encounter a problem: how to automatically jump to the page after N seconds?

I encountered problems and searched for information myself, and summarized 3 methods

Method 1:

The simplest one: directly in front Add code inside:

Copy the code

The code is as follows:

//It will automatically jump to res.html after 3 seconds, both belong to the same Below the file, if you need to jump to the jsp page, you need to fill in the url address in the url - (the data written in the address bar of the browser, such as: http://localhost:8080/TestDemo/1.jsp )

Method 2:

You need to use the method in window:

setTimeout after the specified millisecond value Evaluates an expression.

Example:

Copy the code

The code is as follows:

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

This is written in js code;

The specific implementation is as follows:

Copy code

The code is as follows:

//Automatically execute the go method after 3 seconds and jump directly to index.jsp Page

Method 3:

The flaw of the above two examples is that they can jump, but they don’t know when to jump. To achieve the countdown 3- 2-1;

settimeout method can no longer be used;

setInterval calculates an expression after every specified millisecond value.

After the same time has elapsed, the corresponding function will be executed. Specific implementation method:

Copy the code

The code is as follows:

< ;script type="text/javascript">
onload=function(){
setInterval(go, 1000);
};
var x=3; //Using global variables to Execute
function go(){
x--;
if(x>0){
document.getElementById("sp").innerHTML=x; //set x each time The values ​​are different.
}else{
location.href='res.html';
}
}

The above content is the three common methods that this article shares with you about how to automatically jump to an HTML page after 3 seconds. I hope you like it.