【转】几秒钟跳转页面动态显示时间

实现起来很简单,注意

1.在头部加

<meta http-equiv="refresh" content="3;url=../login.jsp">

 

2.在javascript加:

 <script type="text/javascript">
  <!--最初的时间-->
  var time = 4;
  <!--动态时间的显示函数-->
  function returnUrlByTime() {
   <!--每隔1秒调用该函数-->
   window.setTimeout('returnUrlByTime()', 1000);
   <!--时间递减-->
   time = time - 1;
   <!--显示动态时间的层-->
   document.getElementById("layer").innerHTML = time; 
  }
 </script>

 

3.在页面加:

<div id="layer">3</div>秒后跳转到登录页面,如果没有跳转请点击<a href="login.jsp">这里</a>


这是原页面的Code:    

[java]  view plain copy
  1. <%@ page language="java" import="java.util.*" pageEncoding="GBK"%>  
  2. <%  
  3. String path = request.getContextPath();  
  4. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";  
  5. %>  
  6.   
  7. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
  8. <html>  
  9.   <head>  
  10.     <base href="<%=basePath%>">  
  11.       
  12.     <title>错误</title>  
  13.     <meta http-equiv="refresh" content="3;url=../login.jsp">  
  14.       
  15.     <meta http-equiv="pragma" content="no-cache">  
  16.     <meta http-equiv="cache-control" content="no-cache">  
  17.     <meta http-equiv="expires" content="0">      
  18.     <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">  
  19.     <meta http-equiv="description" content="This is my page">  
  20.     <!--  
  21.     <link rel="stylesheet" type="text/css" href="styles.css" mce_href="styles.css">  
  22.     -->  
  23.     <mce:script type="text/javascript">  
  24.                 <!--最初的时间-->  
  25.         var time = 4;  
  26.         <!--动态时间的显示函数-->  
  27.         function returnUrlByTime() {  
  28.             <!--每隔1秒调用该函数-->  
  29.             window.setTimeout('returnUrlByTime()'1000);  
  30.             <!--时间递减-->  
  31.             time = time - 1;  
  32.             <!--显示动态时间的层-->  
  33.             document.getElementById("layer").innerHTML = time;   
  34.         }  
  35.       
  36. // --></mce:script>  
  37.   </head>  
  38.         
  39.   <body onload="returnUrlByTime()">  
  40.     <div>  
  41.         <center><%=request.getAttribute("message") %></center>  
  42.         <center><div id="layer">3</div>秒后跳转到登录页面,如果没有跳转请点击<a href="login.jsp" mce_href="login.jsp">这里</a></center>  
  43.     </div>  
  44.   </body>  
  45. </html>  
 

 

你可能感兴趣的:(时间)