定时跳转页面

来源：互联网发布：演唱会灯光编程编辑：程序博客网时间：2024/04/28 12:18

<%@ 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%>">
<link href="ueditor/css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="ueditor/js/jquery.js"></script>

<script language="javascript">
$(function(){
$('.error').css({'position':'absolute','left':($(window).width()-490)/2});
$(window).resize(function(){
$('.error').css({'position':'absolute','left':($(window).width()-490)/2});
})
});
</script>
<script language="javascript" type="text/javascript">
var timer;
//启动跳转的定时器
function startTimes() {
timer = window.setInterval(showSecondes,1000);
}

var i = 5;
function showSecondes() {
if (i > 0) {
i--;
document.getElementById("secondes").innerHTML = i;
}
else {
window.clearInterval(timer);
location.href = "ueditor/login.jsp";
}
}

//取消跳转
function resetTimer() {
if (timer != null && timer != undefined) {
window.clearInterval(timer);
location.href = "ueditor/login.jsp";
}
}
</script>

</head>

<body style="background:#edf6fa;" onload="startTimes();">

<div class="error">

<div class="reindex"><a href="admin/index.jsp" target="rightFrame">返回首页</a>
<h1 id="error">
遇到错误， <span id="secondes">5</span> 秒后将自动跳转，立即跳转请点击 
<a href="javascript:resetTimer();">返回</a>
</h1>
</div>
</div>
</body>

</html>

0 0