`
wangyanlong0107
  • 浏览: 502223 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论

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

    博客分类：
  • jsp
 
阅读更多

实现起来很简单，注意

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 plaincopy
  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>  
 

 

分享到：
| jsbug定位
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    跳转页面代码

    在IT行业中，跳转页面是一种常见的网页技术，用于引导用户从一个页面自动转移到另一个页面。在给定的“跳转页面代码”中，我们可以探讨这个简单但实用的单页面应用，它没有图片，专为404错误页面设计，允许进行...

    JavaScript实现x秒后自动跳转到一个页面

    3. **动态显示倒计时并跳转**： 这种方法不仅延迟跳转，还会在页面上显示倒计时。代码如下： ```html function delayURL(url) { var delay = document.getElementById("time").innerHTML; if (delay &gt; 0) { ...

    注册页面跳转

    它可以定时更新页面上的显示，直到达到预设的时间点，然后触发页面跳转。此外，HTML和CSS用于构建和美化倒计时的视觉效果。 5. **页面跳转**：页面跳转有多种方式，包括`window.location.href`的直接跳转，`history...

    js设置时间延时url跳转

    总结起来，"js设置时间延时url跳转"主要涉及JavaScript的`setTimeout()`和`location.href`这两个核心概念，通过它们可以创建出丰富的用户体验，如倒计时跳转，使得页面的交互更加人性化和动态。在实际开发中，根据...

    web 页面 定时关闭

    有时我们需要实现页面在指定时间后自动关闭的功能，比如在用户完成特定操作之后（例如登录成功、表单提交等），为了提升用户体验或者出于安全性考虑，可以设定页面在几秒钟后自动关闭并返回到上一个页面或跳转到指定...

    JavaScript实现倒计时跳转页面功能【实用】

    这个简单的示例代码可以帮助开发者快速实现倒计时跳转页面的效果，但实际应用中可能需要考虑更多细节，如异常处理、用户交互以及更好的时间格式化等。同时，为了提高代码可维护性和可读性，通常会推荐使用更现代的...

    添加N款数据周期显示N款信息点击跳转信息原版.rar

    例如，可能是一个股票图表每隔几秒钟自动刷新显示最新的价格，或者一个天气应用每隔一小时更新当前的气象信息。实现这一功能需要熟练掌握JavaScript（如使用Vue.js或React.js等库）来处理和渲染数据，以及可能需要与...

    js 3秒后跳转页面的实现代码

    JavaScript是一种广泛用于网页和网络应用的编程语言，它允许开发者为网页添加动态功能，比如我们这里讨论的3秒后自动跳转页面。实现这个功能有多种方法，下面将详细讲解两种常见的方式。 方法一： 这种方法涉及到...

    js几秒以后倒计时跳转示例

    JavaScript（简称JS）是一种轻量级的编程语言，广泛应用于网页中实现动态内容效果。在给定的文件内容中，展示了如何通过JavaScript实现页面在指定...同时，掌握这一技术也能够让我们在处理页面动态效果时更加得心应手。

    Java Web应用开发 24 课堂案例-使用response刷新页面.docx

    在Java Web应用开发中，页面刷新是一个常见的需求，特别是在实时更新数据或持续显示最新状态的场景下。本案例主要讲解如何使用`response`对象的`setHeader`方法来实现页面的自动刷新。以下是对该知识点的详细说明： ...

    蓝天白云主题404动画模板.zip

    此外，这个404动画模板还具有自动跳转功能，用户无需手动操作，只需等待6秒钟，页面就会自动将用户引导回网站的首页。这种设计考虑到了用户体验，减少了用户在错误页面上停留的时间，增加了他们重新找到正确内容的...

    javascript实现5秒倒计时并跳转功能

    JavaScript是一种广泛用于网页和网络应用的脚本语言，它允许在客户端浏览器上执行动态内容。在本文中，我们将深入...在实际项目中，可以根据需求进行调整，例如改变倒计时的时间、跳转的URL，或者添加更复杂的逻辑。

    404page.rar

    1. **倒计时**：jQuery的时间函数可以设置一个定时器，以3秒钟为间隔，逐步减少计数值，直至归零。 2. **页面跳转**：当倒计时结束，jQuery的`window.location.href`属性可以改变浏览器的URL，将用户重定向到指定...

    jQuery图片轮播切换显示代码

    **jQuery图片轮播切换显示代码详解** 在网页设计中，图片轮播是一种常见的展示多张图片的方式，可以有效地节省空间并提升用户体验。本教程将详细讲解如何使用jQuery实现一款带有数字索引按钮和上一张、下一张切换...

    模拟Windows8蓝屏404错误页面

    例如，我们可以使用CSS来设置背景为深蓝色，然后在页面中央显示白色的文本，就像真实的Windows蓝屏一样。 为了实现页面自动跳转，我们需要结合HTML和JavaScript。HTML可以构建基本的页面结构，而JavaScript则负责...

    JS计时器，简洁使用，一看就明白

    倒计时通常用于显示活动剩余时间或者页面加载前的等待提示。假设我们要创建一个5秒的倒计时，可以这样做： ```html &lt;!DOCTYPE html&gt; &lt;title&gt;JS倒计时 &lt;h1 id="countdown"&gt;5秒后跳转 var seconds = 5; ...

    欢迎界面引导

    3. **延时处理**：为了让用户有足够的感知时间，欢迎界面通常会显示几秒钟。这可以通过`Handler`或者`CountDownTimer`来实现，设定一个合适的延时后跳转到主界面。 4. **数据预加载**：在这段时间内，应用还可以...

    Android应用源码之引导界面仿人人网.zip

    - **用户体验**：快速加载，避免用户等待过长时间，通常不超过几秒钟。 - **功能介绍**：可选地，引导界面可以向用户展示新功能或更新内容。 2. **实现技术** - **Activity生命周期**：引导界面通常是一个单独的...

    轮播图Demo

    在ViewPager的初始化完成后，启动定时器，每隔一定时间（如2秒钟）自动滚动到下一个页面。同时，我们还需要监听ViewPager的滑动事件，以便在用户手动滑动时停止定时器，避免与用户的交互冲突。 为了使轮播图看起来...

Magicbox
Global site tag (gtag.js) - Google Analytics