`
Kevin12
  • 浏览: 234842 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

javascript 倒计时5秒并跳转到index.jsp页面

阅读更多
今天总结一下之前做的系统中,系统如果出现错误后,倒计时5秒并跳转到指定页面的错误页面error.jsp.
下面是一个简单的demo.
第一步,直接创建一个web项目javascriptTest,在WebRoot中创建一个error.jsp页面,这个页面就是用来跳转的。
第二步,写error.jsp的代码,如下:
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'dongtaigetdatediff.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
<script type="text/javascript" src="../js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
	var start = 5;
	var step = -1;
	function count() {
		document.getElementById("div1").innerHTML = "页面将在" + start+ "秒后返回登录页面...";
		start += step;
		if (start <= 0) {
			start = 5;
			//alert(start);
			window.location = "index.jsp";//重定位
		}
		setTimeout("count()", 1000);
	}
	window.onload = count;
</script>
<style>
	.myDiv,p{
		margin:0 auto;
		margin-top:80px;
		width:300px;
		color: red;
	}
</style>
</head>

<body>
	<div class="myDiv">
		<p>登录失败。。。</p>
		<div id="div1"></div>
	</div>
</body>
</html>

第三步,将项目发布到tomcat中,运行项目,直接访问下面的地址:
http://localhost:8080/javascript/error.jsp
界面效果:

  • 大小: 6.6 KB
分享到:
评论

相关推荐

    jsp 倒计时载入页面

    - 倒计时显示在页面上,并每秒更新一次。 - 11秒后自动跳转到另一个页面(由`meta`标签设置)。 综上所述,这个示例不仅展示了如何在JSP页面中使用JavaScript来实现倒计时功能,还体现了JSP页面与其他Web技术(如...

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

    这段代码会每秒更新页面上的倒计时,并在倒计时结束后跳转到指定URL。 这些JavaScript方法的实现都需要将代码插入到HTML文档的`&lt;head&gt;`或`&lt;body&gt;`部分。第一种方法适合服务器端控制,而后两种适用于客户端的交互式...

    jsp页面跳转

    在JSP页面中嵌入JavaScript代码,利用计时器(`setTimeout`)函数来延迟一定时间后自动跳转到指定的页面。 **应用场景:** - 当需要实现提示信息后自动跳转时。 - 提升用户体验,避免用户长时间等待手动点击。 **...

    java页面自动跳转

    &lt;b style="color:blue"&gt;&lt;span id="jump"&gt;5&lt;/span&gt; 秒后页面将自动跳转到登录页面 String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + ...

    页面3秒后自动跳转,支持IE及FIREFOX

    在本案例中,选择了`setInterval`,以便每秒更新倒计时并检查是否满足跳转条件。 ### 支持IE与Firefox的兼容性处理 IE和Firefox在处理DOM元素的方式上存在差异,尤其是对`textContent`和`innerText`属性的支持不同...

    javascript自动跳转功能

    在这个例子中,定义了一个名为`delayURL`的函数,该函数每秒会递减倒计时时间,并更新显示的值,直到时间减至0时执行页面跳转: ```javascript function delayURL(url) { var time = document.getElementById("time...

    JSP中的倒数计时和自动跳转页面

    老师说要写blog,然后只能把雪藏了多年没动过的博客重新翻出来了,今天先分享下JSP里的倒数计时和自动跳转页面 抓狂然后刚才好不容易码完,网页出错了。 1,在标签中建立onload事件,用作自动刷新; &lt;body onload...

    在jsp页面中实现跳转的方式分享

    例如,如果需要实现更丰富的用户交互体验,可以考虑使用JavaScript实现倒计时跳转;而如果需要在服务器端控制页面跳转,则可以选择使用`response.setHeader`或者在JSP页面中直接使用`&lt;meta&gt;`标签的方式。

    js 控制页面跳转的5种方法

    本文将详细解释如何使用JavaScript控制页面跳转的五种方法,并展示如何使用JavaScript实现自动跳转到其他页面的功能。 首先,介绍五种使用JavaScript控制页面跳转的方法: 1. 使用window.location.href属性 window...

    HTML页面3秒后自动跳转的三种常见方法

    在网页开发中,有时我们需要实现页面在特定时间后自动跳转到另一个页面的功能。这里将详细解释HTML页面3秒后自动跳转的三种常见方法。 方法1:使用`&lt;meta&gt;`标签 这种方法是最简单直接的,它通过在HTML文档的`&lt;head&gt;...

    JSP实验5(10月6日)的源程序

    在本JSP实验5中,我们主要探讨了三个核心知识点:计时器的实现、Response对象的重定向功能以及一个简单的网页加法练习。以下是详细的内容解析: 首先,"1_time.jsp"文件涉及的是计时器功能的实现。在JSP中,计时器...

    网页跳转读秒的各种方法

    这种方法使用了`setInterval()`函数来更新倒计时,同时实现页面跳转。 #### 3.1 对于IE浏览器 ```html &lt;span id="totalSecond"&gt;5 &lt;script type="text/javascript"&gt; var second = document.getElementById('...

    用meta实现的页面跳转代码

    这个例子会在页面上显示倒计时,并在倒计时结束后跳转。 总结来说,`&lt;meta&gt;`标签和JavaScript都可以实现页面跳转,但JavaScript提供了更多控制和交互的可能性,如延迟跳转、用户确认等。在实际应用中,可以根据项目...

    网络应用开发之实现网页定时刷新并跳转功能

    实验结果分析:当用户成功完成注册或登录操作后,服务器会返回包含Refresh头的响应,此时用户界面不会立即变化,而是会在倒计时结束后,浏览器自动执行跳转操作,将用户带到主页面。这种设计可以提供更好的用户体验...

    jsp的常用特效和js的常用特效

    5. **动画效果**:通过设置定时器(setTimeout和setInterval)以及改变元素的CSS属性,JavaScript可以创建各种复杂的动画效果,如计时器、进度条、旋转菜单等。 6. **浏览器兼容性处理**:JavaScript有多种工具和库...

    js页面跳转的常用方法整理

    在描述中给出的代码段展示了利用`setTimeout`实现的倒计时跳转。`countDown`函数接收一个参数`secs`,表示剩余秒数,每秒减少1秒,直到为0时执行页面跳转。这种方法常用于倒计时登录或计时任务。 ```javascript ...

    web 页面 定时关闭

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

    js跳转页面方法总结

    或者使用JavaScript实现倒计时跳转: ```javascript function countDown(secs){ document.getElementById('tiao').innerText = secs; if(--secs &gt; 0) setTimeout("countDown("+secs+")",1000); } countDown(3);...

Global site tag (gtag.js) - Google Analytics