Home Web Front-end JS Tutorial JavaScript implements automatic jump to a page after x seconds_javascript skills

JavaScript implements automatic jump to a page after x seconds_javascript skills

May 16, 2016 pm 05:44 PM
Jump Page jump

I learned a new technology while watching a video today, that is, when we click "Submit" or "Confirm" on a page, it will automatically jump to a page.
After searching on the Internet, there are many ways to deal with this technology. I only wrote down the three methods I learned in the video:
1. Use a response.sendRedirect("target page.jsp.htm "); to achieve direct jump;
2. Sometimes we need some prompts, such as "It will jump automatically after x seconds. If there is no jump, please click here", you can call Delay Go in Snippets in myeclipse To URL. The following code will be automatically generated:

Copy code The code is as follows:


< !-- Place this in the 'body' section -->
My Delayed Link

Modify this code to:
Copy the code The code is as follows:


3
seconds later Automatically jump, if not, please click the link below
target page


Then it will jump directly after 3 seconds Go to the "Target Page". This method is to set a few seconds to jump and the page will not change during this process. For example, set it to 3 seconds, and then as time changes, 3 turns to 2 and then to 1 until it jumps. Please follow Look at the third method.
3. Modify the code in method 2 to:
Copy the code The code is as follows:


3
Automatically jump after seconds , if it does not jump, please click the link below
topic list


The effect achieved by this method is After clicking submit on the previous page, you will jump to this page. After 3 seconds (this 3 will decrease to 0), you will jump to the target page.
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Detailed explanation of PHP page jump function: page jump skills of header, location, redirect and other functions Detailed explanation of PHP page jump function: page jump skills of header, location, redirect and other functions Nov 18, 2023 pm 05:08 PM

Detailed explanation of PHP page jump functions: Page jump techniques for header, location, redirect and other functions, which require specific code examples. Introduction: When developing a Web website or application, jumping between pages is an essential function. PHP provides a variety of ways to implement page jumps, including header functions, location functions, and jump functions provided by some third-party libraries, such as redirect. This article will introduce in detail how to use these functions

How to implement page jump after PHP form submission How to implement page jump after PHP form submission Aug 12, 2023 am 11:30 AM

How to implement page jump after PHP form submission [Introduction] In web development, form submission is a common functional requirement. After the user fills out the form and clicks the submit button, the form data usually needs to be sent to the server for processing, and the user is redirected to another page after processing. This article will introduce how to use PHP to implement page jump after form submission. [Step 1: HTML Form] First, we need to write a page containing a form in an HTML page so that users can fill in the data that needs to be submitted.

How to log in and jump to pass value in php How to log in and jump to pass value in php Jun 05, 2023 am 10:44 AM

PHP login jump value transfer method: 1. POST value transfer, use the HTML "form" form jump method to post value transfer; 2. GET transfer value, use the <a> tag to jump to xxx.php , obtain the passed value through "$_GET['id']"; 3. SESSION passes the value. Once saved in SESSION, other pages can be obtained through SESSION.

How to implement PHP code to jump to a specified page How to implement PHP code to jump to a specified page Mar 07, 2024 pm 02:18 PM

When writing a website or application, you often encounter the need to jump to a specific page. In PHP, we can achieve page jump through several methods. Below I will demonstrate three common jump methods for you, including using the header() function, using JavaScript code, and using meta tags. Using the header() function The header() function is a function used in PHP to send original HTTP header information. This function can be used in combination when implementing page jumps. Below is a

How to implement page jump in 3 seconds: PHP Programming Guide How to implement page jump in 3 seconds: PHP Programming Guide Mar 25, 2024 am 10:42 AM

Title: Implementation method of page jump in 3 seconds: PHP Programming Guide In web development, page jump is a common operation. Generally, we use meta tags in HTML or JavaScript methods to jump to pages. However, in some specific cases, we need to perform page jumps on the server side. This article will introduce how to use PHP programming to implement a function that automatically jumps to a specified page within 3 seconds, and will also give specific code examples. The basic principle of page jump using PHP. PHP is a kind of

How to close jump shopping app How to close jump shopping app Nov 29, 2023 pm 05:30 PM

Methods to close the jump shopping app: 1. Turn off the jump function within the app; 2. Change browser settings; 3. Uninstall updates or reinstall the app. Detailed introduction: 1. Turn off the jump function in the app, open the shopping app, click on the product you want to buy on the homepage or search results page, and after entering the product details page, do not directly click "Buy Now" or similar buttons, but First click the "More" or "Settings" icon in the upper right corner of the page. In the pop-up menu, find "Turn off jump" or a similar option, click it, confirm to turn off the jump function, etc.

Use uniapp to achieve page jump animation effect Use uniapp to achieve page jump animation effect Nov 21, 2023 pm 02:15 PM

Title: Using uniapp to achieve page jump animation effect In recent years, the user interface design of mobile applications has become one of the important factors in attracting users. Page jump animation effects play an important role in improving user experience and visualization effects. This article will introduce how to use uniapp to achieve page jump animation effects, and provide specific code examples. uniapp is a cross-platform application development framework developed based on Vue.js. It can compile and generate applications for multiple platforms such as mini programs, H5, and App through a set of codes.

How to implement hidden address jump in php How to implement hidden address jump in php Mar 22, 2023 am 11:24 AM

In web development, we often encounter the need to hide the page address or redirect the page. Since the address in the browser address bar can be viewed and modified by the user at any time, some server-side technologies are required to truly hide or redirect the page address. Among them, PHP is a commonly used server-side scripting language that can be used to implement hidden address jumps.

See all articles