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

js 读秒后自动跳转

    博客分类:
  • js
阅读更多
错误处理页面,倒数十秒后自动跳转页面。
刚开始没有考虑适应火狐和chrome被个小子嘲笑了一下,告诉我不好用,尼玛。

代码如下
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<jsp:include page="common/common.jsp"></jsp:include>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>系统错误</title>

</head>
<body >
<div id="CID" >
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td align="center">
    <!--单位:秒-->
         系统异常,十秒后自动跳转到登录页面:<span id="endtime">10</span>
         <br/>
         <a href = "page/userexit.jsp">
         点击跳转登录页面
         </a>
    </td>
  </tr>
</table>
</div>
</body>
<script type="text/javascript">
var id = 	setInterval(function(){
	if(navigator.userAgent.indexOf("MSIE")>0) {
      var obj = document.getElementById('endtime');
        var num = parseInt(obj.innerHTML);
        if(num<=0){
     		 window.location.href= basePath + "page/userexit.jsp";
     	}
			    obj.innerHTML = num-1;
	}else if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){
		     var obj = document.getElementById('endtime');
     var num = parseInt(obj.textContent);
     if(num<=0){
     		 window.location.href= basePath + "page/userexit.jsp";
     	}
	       obj.textContent = num-1;
	} else{
		var obj = document.getElementById('endtime');
        var num = parseInt(obj.innerHTML);
        if(num<=0){
     		 window.location.href= basePath + "page/userexit.jsp";
     	}
			    obj.innerHTML = num-1;
	}
	},1000);
	
setTimeout(function(){
window.location.href = basePath + "page/userexit.jsp";
clearInterval(id);
},10000);
</script>
</html>


小宝制造。
分享到:
评论

相关推荐

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

    在练习中,我们常常遇到一种问题就是,怎么实现页面N秒之后自动跳转呢? 我自己遇到问题和查找资料,总结了3个方法 方法1: 最简单的一种:直接在前面&lt;head&gt;里面添加代码: 复制代码代码如下:...

    网页跳转读秒的各种方法

    通过在`&lt;head&gt;`标签内使用`&lt;meta http-equiv="Refresh"&gt;`来实现自动跳转。这种方式较为简单直接,无需任何客户端脚本支持。 ```html ;url=目标页面地址"&gt; ``` **特点:** - **优点:** 实现简单,所有浏览器都...

    使用JS读秒使用示例

    在现代网页设计中,JavaScript (JS) 是一种极其重要的脚本语言,它能够让网页具备动态交互性。JS读秒功能通常指的是在网页上实现倒计时效果,这种效果广泛应用于各类网站中,比如限时活动、抢购倒计时、比赛计时等...

    jquery数字读秒的倒计时代码.zip

    6. **结束处理**:当倒计时结束后,你可以清除定时器,同时执行任何必要的结束操作,如显示一条消息或跳转到新的页面。 在压缩包中的"jiaoben181170"可能是代码文件名,可能包含这个倒计时功能的完整实现。下载并...

    msgbox出现3秒自动消失

    在我们的印象中,VB 所提供的 MsgBox 是一个强制回应的视窗,您一定要按了其中的某一个 CommandButton 之后,它才会关闭!但是在某些软体中,我们会看到,明明是使用系统的 MsgBox,可是您如果不理它,几秒钟之后,...

    delphi读秒计时器

    本项目名为"delphi读秒计时器",是一款使用Delphi编写的简单计时工具,特别适用于保险公司等需要计时功能的场合,例如用于计时比赛、活动或测试等。 在Delphi中实现一个读秒计时器,主要涉及以下几个关键知识点: ...

    视频读秒文件在5分钟以内

    视频读秒文件在5分钟以内

    清除开机蓝屏的读秒 节省开机时间

    这种情况通常发生在系统遇到错误或非法关机后,为了帮助用户了解问题并允许系统自动修复,Windows会显示一个蓝屏(蓝屏死机,即BSOD:Blue Screen of Death)并进行读秒。这个过程可能会浪费不少时间,特别是当它...

    使用javascript做时间倒数读秒功能的实例

    某个试卷在线考试需要读秒。网上找了一会就是没找到我想要的。只好自己改改网上的,这也用用,那也用用。 其他代码不贴了。贴相关的: html页面代码: 开始 &lt;div id=TimeClock class=col-md-4&gt;&lt;span class=text-...

    js css3圆形进度条计时器特效.zip

    js css3圆形进度条计时器特效是一款圆形的时分秒计时器动画特效。

    经典倒计时js特效制作

    本教程将详细讲解如何使用JavaScript(js)来制作经典倒计时特效。 首先,我们需要理解JavaScript中的时间处理。在JavaScript中,Date对象是处理日期和时间的核心。通过创建一个新的Date对象,我们可以获取当前时间...

    任务栏时钟只显示到分钟,如何让任务栏时钟读秒

    让任务栏时钟读秒

    CSS3电影播放倒计时读秒代码

    通过合理运用CSS3的样式、动画和过渡效果,以及JavaScript的定时器功能,我们可以实现一个既美观又实用的复古电影倒计时读秒组件。在实际项目中,你可以根据需要调整样式、动画和倒计时的长度,以适应不同的场景和...

    电影播放倒计时读秒HTML.zip

    本项目"电影播放倒计时读秒HTML.zip"显然是一个利用这两种技术实现的电影播放倒计时功能。下面将详细探讨这个功能背后涉及的HTML5和CSS3知识点。 首先,HTML5作为现代网页的标准标记语言,它引入了许多新的元素和...

    CSS3电影播放倒计时读秒特效.zip

    【CSS3电影播放倒计时读秒特效】是一种在网页设计中常见的动态效果,它能够为用户带来更丰富的视觉体验,特别是在预告片、活动倒计时或者即将上线的页面上。这个压缩包中的资源,"jiaoben7997"很可能是一个示例文件...

    一款简单的jquery数字读秒的倒计时代码.zip

    【标题】"一款简单的jquery数字读秒的倒计时代码.zip"所涉及的知识点主要集中在JavaScript的jQuery库以及实现倒计时功能上。jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互。...

    全屏幕秒表、倒计时、系统时钟、读秒软

    今天我们将探讨的软件,就是一类在IT领域中非常实用的工具,它集成了全屏幕秒表、倒计时、系统时钟以及精确读秒等多种功能。通过这些功能,它能够满足从个人日常生活到专业工作的多样化时间管理需求。 首先,让我们...

    Javascript实现商品秒杀倒计时(时间与服务器时间同步)

    由于秒杀涉及的时间和服务器时间的同步对于确保活动的公平性和准确性至关重要,因此,如何使用JavaScript实现与服务器时间同步的商品秒杀倒计时成为了本篇讨论的核心内容。 首先,需要明确在实现秒杀倒计时时应避免...

Global site tag (gtag.js) - Google Analytics