js页面3秒自动跳转
如何让当前页面3秒以后自动跳转到其他页面?JS页面自动跳转
想实现登陆后3秒自动跳转到某页的功能,在网上搜了一下,供以后使用
1、<script language= "javascript "> SetTimeOut( "this.location.href= '要跳转的页面 ' ",时间多少毫秒) </script>
2、<meta http-equiv="refresh" content="3;URL=http://www.iqicol.com">(这是个好办法)
3、<script>window.setTimeout("location.href='OutBill.asp'",3000);</script>
4、 这几天一直在改一个企业注册的子模块,因为做的是电力方面的,所以子报表特多,页面就套了好几层,最后一个是注册成功的提示及3秒后自动跳转到企业信息页面,现在把代码贴上来:
方法一:
以下js代码:
<script language="JavaScript">
function ok(){
window.parent.parent.location.href='<c:url value="/biz/safemanage/enterpriseMain.jsp"/>';
}
window.setTimeout("ok();",3000);
function countDown(secs){
jump.innerText=secs;
if(--secs>0)
setTimeout( "countDown(" +secs+ ")" ,1000);
}
countDown(3);
</script>
方法二:
<script language="JavaScript">
function countDown(secs){
jump.innerText=secs;
if(--secs>0)
setTimeout( "countDown(" +secs+ ")" ,1000);
}
countDown(3);
</script>
在jsp页面的<head>和</head>中间插入:
<meta http-equiv=refresh content=3;url='<c:url value="/biz/safemanage/enterpriseMain.jsp"/>'/>
以下jsp页面代码:
<font size=2>如果你已经成功注册企业,<span id="jump">3</span> 秒后自动跳转到企业信息界面,或者通过以下连接到企业信息界面。</font>
OK,有这两步,就可以实现3秒后跳转,并在页面动态显示的当前时间,初始指定为3秒。id="jump"为脚本提供引用,使之能够改变当前显示的时间。
5、
第一种:
<script language="javascript">
setTimeout("location=http://www.51js.com",3000);
</script>
第二种:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<title>易宝搜索</title>
</head>
<body>
<h1>找不到匹配的结果</h1>
<span id="totalSecond">3</span>秒后自动返回
</body>
<script language="javascript" type="text/javascript">
<!--
var second = document.getElementByIdx_x_x_x('totalSecond').innerText;
setInterval("redirect()", 1000); //每1秒钟调用redirect()方法一次
function redirect()
{
if (second < 0)
{
location.href = 'b.html';
} else
{
document.getElementByIdx_x_x_x('totalSecond').innerText = second--;
}
}
-->
</script>
</html>
js页面3秒自动跳转的更多相关文章
- JS中5秒中跳转到其他页面
原文:JS中5秒中跳转到其他页面 <head> <meta http-equiv="Content-Type" content="text/html; ...
- Android由一个activity 间隔5秒自动跳转到另外一个activity
Android由一个activity 间隔5秒自动跳转到另外一个activity 2013年10月10日18:03:42 //一.写一个定时器 5秒后开启 final Intent lo ...
- JS实现倒计时网页自动跳转(如404页面经常使用到的)
在web前端设计中,我们经常会遇到需要实现页面倒计时跳转的功能,例如在404页面中也会经常使用到此功能,那么如何实现呢,其实实现方法很简单,实现代码如下:<title>JS倒计时网页自动跳 ...
- js识别手机访问自动跳转到相应页面
/* * 智能机浏览器版本信息: * */ var browser={ versions:function(){ var u = navigator.userAgent, app = navigato ...
- 前端跳转处理--房天下的访问页面部分ip自动跳转到登录页面的解决办法(xjl456852原创)
朋友说自己在访问房天下的页面时,他们页面进行了跳转,跳转到登录页面,说是前端跳转.让我也看看,我看我的机器没有进行跳转. 后来就发现有的机器在访问页面会自动跳转到登录页面.有的不会进行跳转. 比如访问 ...
- Visual Studio中View页面与Js页面用快捷键互相跳转
现在已经将源码放到GitHub中了 地址是 https://github.com/liningit/ViewJsLN 公司开发的项目使用的是Mvc框架,且Js与View页面是分开在两个文件夹下的,所以 ...
- js判断是否手机自动跳转移动端
写法一: {literal} <script> //判断是否手机自动跳转 var browser={versions:function(){var u=navigator.userAgen ...
- JS 控制页面超时后自动跳转到登陆页面
<span style="font-size: small;"><script language="javascript"> var m ...
- js对话框5秒自动消失
使用了easyui的对话框控件 <html> <head> <title>5秒后关闭对话框</title> <meta http-equiv=&q ...
随机推荐
- 如何用css实线所需要的小三角
使用css实现三角符号 关于使用css制作三角符号,网上有很多的例子了,在这里只是为了详细的向各位解释一下三角符号的原理 下图,是一个长宽为100px,边框宽度为100px的一个元素,由此可见,在cs ...
- Xmanager 5远程连接CentOS7图形化界面
1.安装Xmanager 5下载链接:https://pan.baidu.com/s/1JwBk3UB4ErIDheivKv4-NA提取码:cw04 双击xmgr5_wm.exe进行安装 点击‘下一步 ...
- (数据科学学习手札65)利用Python实现Shp格式向GeoJSON的转换
一.简介 Shp格式是GIS中非常重要的数据格式,主要在Arcgis中使用,但在进行很多基于网页的空间数据可视化时,通常只接受GeoJSON格式的数据,众所周知JSON(JavaScript Obje ...
- BFS(五):八数码难题 (POJ 1077)
Eight Description The 15-puzzle has been around for over 100 years; even if you don't know it by tha ...
- 并发编程-concurrent指南-Lock-可重入锁(ReentrantLock)
可重入和不可重入的概念是这样的:当一个线程获得了当前实例的锁,并进入方法A,这个线程在没有释放这把锁的时候,能否再次进入方法A呢? 可重入锁:可以再次进入方法A,就是说在释放锁前此线程可以再次进入方法 ...
- 解决Spring的java项目打包后执行出现“无法读取方案文档...“、“原因为 1) 无法找到文档; 2) 无法读取文档; 3) 文档的根元素不是...”问题
问题 一个用Spring建的java项目,在Eclipse或idea中运行正常,为什么打包后运行出现如下错误呢? 2019/07/10/19:04:07 WARN [main] org.springf ...
- HDU 6215:Brute Force Sorting(链表+队列)
题目链接 题意 给出一个长度为n的数组,每次操作都要删除数组里面非递增的元素,问最终的数组元素有什么. 思路 容易想到用链表模拟删除,但是不能每次都暴力枚举,这样复杂度O(N^2).想到每次删除元素的 ...
- BZOJ 3295:[Cqoi2011]动态逆序对(三维偏序 CDQ分治+树状数组)
http://www.lydsy.com/JudgeOnline/problem.php?id=3295 题意:简单明了. 思路:终于好像有点明白CDQ分治处理三维偏序了.把删除操作看作是插入操作,那 ...
- scrapy基础知识之 parse()方法的工作机制思考:
1.因为使用的yield,而不是return.parse函数将会被当做一个生成器使用.scrapy会逐一获取parse方法中生成的结果,并判断该结果是一个什么样的类型: 2.如果是request则加入 ...
- Modbus RTU 介绍
S7-1200 Modbus RTU 通信概述 Modbus具有两种串行传输模式:分别为ASCII和RTU.Modbus是一种单主站的主从通信模式,Modbus网络上只能有一个主站存在,主站在Modb ...