3 ways to make HTML pages automatically jump after 3 seconds

In projects, we often encounter such a function: how to realize the page to automatically jump after N seconds. In fact, the method is very simple. In this article, the editor will share with you three common methods of automatically jumping an HTML page after 3 seconds. Friends who are interested in the knowledge about how an HTML page automatically jumps after 3 seconds can learn together.

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

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

Method 1:

The simplest one: directly in front 93f0f5c25f18dab9d176bd4f6de5d30eAdd code inside:

The code is as follows:

 
 
//3秒之后自动跳转到res.html

Both belong to the same file. If you need to jump to the jsp page, you need to fill in the url address in the url———— —(Data written in the address bar of the browser, such as: http://localhost:8080/TestDemo /1.jsp)54bdf357c58b8a65c66d7c19c8e4d114

Method 2:
You need to use the method in window:

setTimeout calculates an expression after the specified millisecond value.

Example:

The code is as follows:

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

This is written in js code;

The specific implementation is as follows:

Code As follows:

//3秒之后自动执行go方法，直接跳转到index.jsp页面

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

The settimeout method can no longer be used;

setInterval calculates an expression after each specified millisecond value.

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

The code is as follows:

The above is the detailed content of 3 ways to make HTML pages automatically jump after 3 seconds. For more information, please follow other related articles on the PHP Chinese website!