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:
//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:
window.setTimeout("alert('Hello, world')", 1000);
This is written in js code;
The specific implementation 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:
< ;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.
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
