Let the web page redirect to other pages after opening for a few seconds
|
Just add the following code to achieve it. Method 1: Using Meta Usage: <Meta http-equiv=Refresh Content=30> <Meta http-equiv="Refresh" Content="5; Url=http://sc.jb51.net"> The first statement is to stay for 30 seconds and automatically refresh, and the second one is to stay for 5 seconds and redirect to sc.jb51.net. Use them separately to achieve automatic refresh or automatic steering functions. The second method: js implementation setTimeout(function(){window.location.href = 'http://sc.jb51.net';},2000) The third js code with countdown Copy code The code is as follows:<html> <head> <title>Jump after 10 seconds</title> </head> <body> <input type="text" readonly="true" value="10" id="time"> </body> <script language="javascript"> var t = 10; var time = document.getElementById("time"); function fun(){ t--; time.value = t; if(t<=0){ location.href = "https://www.jb51.net"; clearInterval(inter); } } var inter = setInterval("fun()",1000); </script> </html> The page jump function can of course be implemented using js, but the advantage of the above code is that it can also be used when the browser does not support js. If you want to achieve a real-time countdown effect, you need to use js to implement it. Generally, you can combine the two to make a judgment. javascript page jump method collection page jump code implemented using meta |
<<: Detailed explanation of vue-router 4 usage examples
>>: Detailed tutorial on installing CentOS, JDK and Hadoop on VirtualBox
Recommend
Analysis of MySQL cumulative aggregation principle and usage examples
This article uses examples to illustrate the prin...
Solution to primary key conflict when innodb_index_stats reports an error when importing backup data
Fault description percona5.6, mysqldump full back...
Linux automatic login example explanation
There are many scripts on the Internet that use e...
jQuery+swiper component realizes the timeline sliding year tab switching effect
Result: Implementation code: Need to be used with...
Zookeeper stand-alone environment and cluster environment construction
1. Single machine environment construction# 1.1 D...
MySQL 8.0.16 Win10 zip version installation and configuration graphic tutorial
This article shares with you the installation and...
About the pitfalls of implementing specified encoding in MySQL
Written in front Environment: MySQL 5.7+, MySQL d...
Summary of knowledge points about null in MySQL database
In the MySQL database, null is a common situation...
Detailed analysis of binlog_format mode and configuration in MySQL
There are three main ways of MySQL replication: S...
Django online deployment method of Apache
environment: 1. Windows Server 2016 Datacenter 64...
MySQL 8.0.13 free installation version configuration tutorial under Windows environment
Table of contents Download the compressed file Ad...
Steps and pitfalls of upgrading linux mysql5.5 to mysql5.7
Table of contents Linux MySQL 5.5 upgraded to MyS...
Solve the problem that the MySQL database crashes unexpectedly, causing the table data file to be damaged and unable to start
Problem: The MySQL database crashed unexpectedly ...
Why should the number of rows in a single MySQL table not exceed 5 million?
Today, let’s discuss an interesting topic: How mu...
Detailed explanation of MySQL cursor concepts and usage
This article uses examples to explain the concept...