5S后返回首页

kiz_calamus

于 2017-08-08 18:00:00 发布

阅读量385

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/kids_calamus/article/details/82720010

本文提供了一个使用HTML和JavaScript实现5秒后自动跳转到主页的示例代码。该示例利用了window.location对象来实现页面的自动跳转，并通过计时器更新倒计时显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 1 <!DOCTYPE html>
 2 <html>
 3  <head>
 4   <title>5S后返回首页</title>  
 5   <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>   
 6  </head>
 7  <body>
 8   <h2>操作成功</h2>
 9   <p><a id="showtime">5s后回到主页</a>　<a href="window.history.back()">返回</a></p>
10   
11  
12   <script type="text/javascript">  
13  
14    //通过window的location和history对象来控制网页的跳转。
15         var flag = 5;
16 
17     var timer = setInterval(function(){
18 
19         document.getElementById("showtime").innerHTML=flag+"秒后自动跳转到主页";
20 
21         flag=flag-1;
22 
23         if(flag<=0){
24 
25          window.location.href="";
26 
27         }
28 
29     },1000);   
30   
31  </script> 
32 </body>
33 </html>